“的数量是否有限制?”$文件准备就绪“;与jQuery可以在同一页面上使用的函数?

“的数量是否有限制?”$文件准备就绪“;与jQuery可以在同一页面上使用的函数?,jquery,Jquery,我有一个简单的JavaScript文件,它有三个jQuery“$document.ready”函数。这三种方法都会将facebox模式对话框附加到我的页面上的各种链接 这意味着我要调用“$document.ready”三次 首先,这是否明智?这是我应该避免做的事吗 该应用程序运行良好,但我想知道浏览器是否喜欢一个“$document.ready”功能 我不确定这里的最佳实践是什么。以下是代码(它是rails应用程序): 现在,将这段代码重构成一个“$document.ready”方法是相当容易的

我有一个简单的JavaScript文件,它有三个jQuery“$document.ready”函数。这三种方法都会将facebox模式对话框附加到我的页面上的各种链接

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

首先,这是否明智?这是我应该避免做的事吗

该应用程序运行良好,但我想知道浏览器是否喜欢一个“$document.ready”功能

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


现在,将这段代码重构成一个“$document.ready”方法是相当容易的,但我只会在建议的情况下这样做,因为它比我现在得到的更干净。

没有限制,重构的唯一原因是控制执行顺序

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

你做得很好

$(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()
})