jquery - 使用 jQuery 在同一页面上可以使用的 "$document.ready"函数的数量是否有限制？

Question

我有一个简单的 JavaScript 文件，其中包含三个 jQuery“$document.ready”函数。这三个都将 Facebox 模式对话框附加到我页面上的各个链接。

这意味着我要调用“$document.ready”三次。

首先，这样做是否可取？这是我应该避免做的事情吗？

该应用程序工作正常，但我想知道浏览器更喜欢一个“$document.ready”功能。

我不确定这里的最佳实践是什么。这是代码(它是一个 Rails 应用程序):

$(document).ready(function() {  
    $('#login-link').facebox({  
        loadingImage : '/images/loading.gif',  
        closeImage   : '/images/closelabel.gif',  
    });  
    $.facebox.settings.opacity = 0.75;
    $(document).bind('reveal.facebox', function() {  
        $('#new_user_session').submit(function() {  
            $.post(this.action, $(this).serialize(), null, "script");  
            return false;  
        });  
    });  
});  


$(document).ready(function() {  
    $('#contact-link').facebox({  
        loadingImage : '/images/loading.gif',  
        closeImage   : '/images/closelabel.gif',  
    });  
    $.facebox.settings.opacity = 0.75;  
    $(document).bind('reveal.facebox', function() {  
        $('#new_contact').submit(function() {  
            $.post(this.action, $(this).serialize(), null, "script");  
            return false;  
        });  
    });  
});  

jQuery(document).ready(function($) {
    $('a[rel*=facebox]').facebox()
})

现在，将此代码重构为一个“$document.ready”方法相当容易，但只有在建议的情况下我才会这样做，因为我现在的方式更干净。

Answer 1

不，没有限制，您必须重构的唯一原因是控制执行顺序。

浏览器js引擎对$().ready一无所知。这是一个 jquery 函数，旨在提供跨平台的一致行为。

你做得很好。