你可以有多个$(document).ready(function(){...});部分? [英] Can you have multiple $(document).ready(function(){ ... }); sections?

问题描述

如果我在启动时有很多功能，它们都必须在一个以下:

If I have a lot of functions on startup do they all have to be under one single:

$(document).ready(function() {

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

or can I have multiple such statements?

推荐答案

您可以有多个，但这并不总是最整洁的事情.尽量不要过度使用它们，因为这会严重影响可读性.除此之外，这是完全合法的.参见以下内容:

You can have multiple ones, but it's not always the neatest thing to do. Try not to overuse them, as it will seriously affect readability. Other than that , it's perfectly legal. See the below:

http://www.learningjquery.com/2006/09/multiple-准备好文件

尝试一下:

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

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

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

您会发现它与此等效，请注意执行顺序:

You'll find that it's equivalent to this, note the order of execution:

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

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

It's also worth noting that a function defined within one $(document).ready block cannot be called from another $(document).ready block, I just ran this test:

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

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

输出为:

hello1
something
hello2

这篇关于你可以有多个$(document).ready(function(){...});部分?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！