Peut-on avoir plusieurs $(document).ready(function(){ ... }) ; sections ?

Question

Si j'ai beaucoup de fonctions au démarrage, doivent-elles toutes être regroupées dans un seul et même endroit ?

$(document).ready(function() {

ou puis-je avoir plusieurs déclarations de ce type ?

Answer 1

Vous pouvez en avoir plusieurs, mais ce n'est pas toujours la chose la plus soignée à faire. Essayez de ne pas en abuser, car cela affecterait sérieusement la lisibilité. Sinon, c'est parfaitement légal. Voir ci-dessous :

http://www.learningjquery.com/2006/09/multiple-document-ready

Essayez ceci :

$(document).ready(function() {
    alert('Hello Tom!');
});

$(document).ready(function() {
    alert('Hello Jeff!');
});

$(document).ready(function() {
    alert('Hello Dexter!');
});

Vous verrez que c'est équivalent à ceci, notez l'ordre d'exécution :

$(document).ready(function() {
    alert('Hello Tom!');
    alert('Hello Jeff!');
    alert('Hello Dexter!');
});

Il est également intéressant de noter qu'une fonction définie dans le cadre d'une $(document).ready ne peut être appelé à partir d'un autre bloc $(document).ready bloc, je viens de faire ce test :

$(document).ready(function() {
    alert('hello1');
    function saySomething() {
        alert('something');
    }
    saySomething();

});
$(document).ready(function() {
    alert('hello2');
    saySomething();
}); 

La sortie était :

hello1
something
hello2

Answer 2

Vous pouvez en utiliser plusieurs. Mais vous pouvez aussi utiliser plusieurs fonctions dans un seul document.ready :

$(document).ready(function() {
    // Jquery
    $('.hide').hide();
    $('.test').each(function() {
       $(this).fadeIn();
    });

    // Reqular JS
    function test(word) {
       alert(word);
    }
    test('hello!');
});

Answer 3

Oui, vous pouvez facilement avoir plusieurs blocs. Faites simplement attention aux dépendances entre eux, car l'ordre d'évaluation pourrait ne pas correspondre à vos attentes.

Answer 4

Oui il est possible d'avoir plusieurs appels à $(document).ready(). Cependant, je ne pense pas que vous puissiez savoir de quelle manière ils seront exécutés. (source)

Answer 5

Oui, c'est possible, mais il est préférable d'utiliser un div #mydiv et d'utiliser les deux.

$(document).ready(function(){});

//and

$("#mydiv").ready(function(){});