你有多个$(document).ready(function(){...}); 板块？

Question

如果我在启动时有很多功能,那么它们都必须在一个单一的下面:

$(document).ready(function() {

或者我可以有多个这样的陈述？

Answer 1

你可以有多个,但并不总是最好的事情.尽量不要过度使用它们,因为它会严重影响可读性.除此之外,它是完全合法的.见下文:

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

试试这个:

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

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

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

你会发现它等同于此,请注意执行的顺序:

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

还值得注意的是,在一个$(document).ready块中定义的函数不能从另一个$(document).ready块调用,我只是运行了这个测试:

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

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

输出是:

hello1
something
hello2

Answer 2

你可以使用多个.但是你也可以在一个document.ready中使用多个函数:

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

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

Answer 3

是的,你可以轻松拥有多个街区.请注意它们之间的依赖关系,因为评估顺序可能不是您所期望的.

Answer 4

是的,可以有多个$(document).ready()调用.但是,我认为你不知道他们将以何种方式执行.(资源)

Answer 5

是的,这是可能的,但你可以更好地使用div #mydiv并使用它们

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

//and

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