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