2 conflicterende javascripts

[Emrulez]

Beste tweakers ik heb 2 scripts die niet werken zodra ik ze samen in een .js bestand plaats apart werken ze nog wel. Tenzij ik ze tegelijk op een pagina laad dan weer niet.

Script 1:

code:

$(document).ready(function(){
   $('#datum').datepicker(
   { minDate: 0}
   );
});

/* Dutch (UTF-8) initialisation for the jQuery UI date picker plugin. */
/* Written by Mathias Bynens <http://mathiasbynens.be/> */
jQuery(function($){
    $.datepicker.regional['nl'] = {
        closeText: 'Sluiten',
        prevText: '?',
        nextText: '?',
        currentText: 'Vandaag',
        monthNames: ['januari', 'februari', 'maart', 'april', 'mei', 'juni',
        'juli', 'augustus', 'september', 'oktober', 'november', 'december'],
        monthNamesShort: ['jan', 'feb', 'maa', 'apr', 'mei', 'jun',
        'jul', 'aug', 'sep', 'okt', 'nov', 'dec'],
        dayNames: ['zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag'],
        dayNamesShort: ['zon', 'maa', 'din', 'woe', 'don', 'vri', 'zat'],
        dayNamesMin: ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'],
        weekHeader: 'Wk',
        dateFormat: 'dd-mm-yy',
        firstDay: 1,
        isRTL: false,
        showMonthAfterYear: false,
        yearSuffix: ''};
    $.datepicker.setDefaults($.datepicker.regional['nl']);
});

En script2:

code:

$(document).ready(function(){   
    $('#contactformulier').validate();
    $('#reserveerformulier').validate();    
    alert("test"); 
}); 

jQuery.extend(jQuery.validator.messages, {
        required: "Dit is een verplicht veld.",
        remote: "Controleer dit veld.",
        email: "Vul hier een geldig e-mailadres in.",
        url: "Vul hier een geldige URL in.",
        date: "Vul hier een geldige datum in.",
        dateISO: "Vul hier een geldige datum in (ISO-formaat).",
        number: "Vul hier een geldig getal in.",
        digits: "Vul hier alleen getallen in.",
        creditcard: "Vul hier een geldig creditcardnummer in.",
        equalTo: "Vul hier dezelfde waarde in.",
        accept: "Vul hier een waarde in met een geldige extensie.",
        maxlength: jQuery.validator.format("Vul hier maximaal {0} tekens in."),
        minlength: jQuery.validator.format("Vul hier minimaal {0} tekens in."),
        rangelength: jQuery.validator.format("Vul hier een waarde in van minimaal {0} en maximaal {1} tekens."),
        range: jQuery.validator.format("Vul hier een waarde in van minimaal {0} en maximaal {1}."),
        max: jQuery.validator.format("Vul hier een waarde in kleiner dan of gelijk aan {0}."),
        min: jQuery.validator.format("Vul hier een waarde in groter dan of gelijk aan {0}.")
});

Waarschijnlijk doe ik iets fout. maar ik kwam er niet uit.

Alvast Bedankt

[Rekcor]

Foutmelding? Firebug?

[ Voor 27% gewijzigd door Rekcor op 04-08-2011 17:24 ]

[Emrulez]

Rekcor schreef op donderdag 04 augustus 2011 @ 17:24:
Foutmelding? Firebug?

Geen foutmeldingen. En met firebug kan ik ook niks vinden.

[GlowMouse]

Je kunt maar één .ready-functie hebben, probeer ze eens samen te voegen.had een stukje in de manual verkeerd geïnterpreteerd, zoals Tharulerz hierna aantoont.

[ Voor 39% gewijzigd door GlowMouse op 04-08-2011 21:48 ]

[Emrulez]

GlowMouse schreef op donderdag 04 augustus 2011 @ 18:20:
Je kunt maar één .ready-functie hebben, probeer ze eens samen te voegen.

Zo werkt het ook niet:

code:

$(document).ready(function(){    
    $('#contactformulier').validate();
    $('#reserveerformulier').validate();    
    alert("test"); 
$('#datum').datepicker(
   { minDate: 0}
   );
});

[NMe]

Emrulez schreef op donderdag 04 augustus 2011 @ 18:27:
[...]


Zo werkt het ook niet:

code:

$(document).ready(function(){    
    $('#contactformulier').validate();
    $('#reserveerformulier').validate();    
    alert("test"); 
$('#datum').datepicker(
   { minDate: 0}
   );
});

Met "zo werkt het ook niet" kunnen wij ook niks. Welke melding krijg je nou?

[Ventieldopje]

Ga eerst maar eens leren debuggen en geef ons wat concreets. Dit slaat nergens op

[Emrulez]

NMe schreef op donderdag 04 augustus 2011 @ 19:50:
[...]

Met "zo werkt het ook niet" kunnen wij ook niks. Welke melding krijg je nou?

Er gebeurt dus helemaal niks.
Nog de script nog de alert wordt uitgevoerd.

Het lijk er dus op dat het script niet wordt aangeroepen. Maar ik kan niet ontdekken waarom.

[Tharulerz]

GlowMouse schreef op donderdag 04 augustus 2011 @ 18:20:
Je kunt maar één .ready-functie hebben, probeer ze eens samen te voegen.

Probeer geen advies te geven dat incorrect is.

http://stackoverflow.com/...nt-readyfunction-sections

Edit: Ontopic:

Hoe ziet de rest van je HTML eruit? Als je geen input field hebt met als id datum gaat er ook niets gebeuren...

[ Voor 16% gewijzigd door Tharulerz op 04-08-2011 21:09 ]

[Joolee]

Heb je misschien een paar online testcases?

[NMe]

Emrulez schreef op donderdag 04 augustus 2011 @ 21:05:
[...]

Er gebeurt dus helemaal niks.
Nog de script nog de alert wordt uitgevoerd.

Het lijk er dus op dat het script niet wordt aangeroepen. Maar ik kan niet ontdekken waarom.

Wat je zegt kan niet. Als ze los van elkaar werken en gezamenlijk niet meer dan treedt er érgens een fout op. Dat jij die fout niet ziet is iets anders. Heb je de diverse developertools van Internet Explorer, Firefox, of welke browser je ook gebruikt al geprobeerd?

[fleppuhstein]

Emrulez schreef op donderdag 04 augustus 2011 @ 18:27:
[...]


Zo werkt het ook niet:

code:

$(document).ready(function(){    
    $('#contactformulier').validate();
    $('#reserveerformulier').validate();    
    alert("test"); 
$('#datum').datepicker(
   { minDate: 0}
   );
});

En als je een regel voor regel gaat debuggen, neigt een beetje naar brute force. Maar uit eigen ervaring weet ik dat anonieme functies, geen error tonen. Dus voor elke regel een console.log('Step: 1'); enz..... Dan weet je wanneer het fout gaat, namelijk de regel erboven. En dan kan je in die functie duiken om te kijken wat er aan de hand is.

[console.log is natuurlijk een FF + firebug]

[R4gnax]

Emrulez schreef op donderdag 04 augustus 2011 @ 17:20:
Waarschijnlijk doe ik iets fout. maar ik kwam er niet uit.

Oudere versies v/d jQuery.validate plugin hebben compatibiliteitsproblemen met nieuwere versies van de jQuery en jQuery UI library. Wat zijn de versie nummers die je gebruikt?

fleppuhstein schreef op donderdag 04 augustus 2011 @ 23:34:
Maar uit eigen ervaring weet ik dat anonieme functies, geen error tonen.

Heb je in Firebug de optie aanstaan om stack traces bij te houden? Daarmee krijg ik in elk geval wel altijd runtime errors uit anonieme functies. (In dat geval ook compleet met stack trace en line number, uiteraard.)

fleppuhstein schreef op donderdag 04 augustus 2011 @ 23:34:
[console.log is natuurlijk een FF + firebug]

Wordt ook gewoon door de Chrome en IE dev tools ondersteund hoor...

[ Voor 13% gewijzigd door R4gnax op 05-08-2011 01:19 ]

[NMe]

Ik heb nooit problemen gehad met errors weergeven die uit anonieme functies stammen, en mijn code heeft vaak nogal veel van die dingen.

[Emrulez]

Na wat meer debuggen en het gebruiken van developer tools van Chrome inplaats van Firebug Lite voor Chrome.

Ben ik er achter gekomen dat ik de volgende fouten krijg:

Uncaught TypeError: Object [object Object] has no method

Dit omdat niet op alle pagina's dezelfde script gebruikt wordt.(als ik het goed begrijp).

Ik gebruik van alles de laatste versie. Jquery 1.6.2 Validator 1.8.1 etc.

[MueR]

En nadat je die fout hebt gezien, wat heb je verder nog geprobeerd om het op te lossen?

[Jermaine]

Emrulez schreef op vrijdag 05 augustus 2011 @ 15:22:
Ik gebruik van alles de laatste versie. Jquery 1.6.2 Validator 1.8.1 etc.

Dat "etc", argh... Tenenkrommend! Net als dat men soms antwoordt met "Gewoon!".

Kun je je brouwsel ergens online plaatsen zodat je lieve mede-Tweakertjes ook wat mogen zien?