使用jQuery $(function())的指南

时间:2011-07-26 22:30:11

标签: jquery

jQuery中的语句$(function())$(document).ready( ...

的简写

在脚本部分的开头只有一次并且根据需要保存所有脚本代码(例如在aspx页面中的标记内)是否有意义?

或者更确切地说,不止一次复制它并包含相关代码的每个集逻辑?

例如:

<script>
 $(function()
 {
    //script code for function 1
  });

 $(function()
 {
    //script code for function 2
  });
 </script>

是否有关于它的“最佳实践”或者两者都接近等同?

2 个答案:

答案 0 :(得分:5)

我会将功能关闭$(function(){});

只放置函数调用&amp;做其他事情。

function a(){
    alert('a');
}

function b(){
    alert('B');
}

$(function(){
    a();
    b();
});

multiple $(function(){});电话很贵!

proof

答案 1 :(得分:1)

他们 等同于 ?不,因为您在一个函数中声明的任何变量都无法在另一个函数中访问。

$(function() {
    var a = 3;
});
$(function() {
    $("#foo").text(a); // Undefined
});

但大多数时候,这并不重要。因此大多数时候,多次调用$(document).ready()是相对无害的。

不要在单个文件中重复执行此操作,只是为了分隔逻辑任务。只需调用$(document).ready(),其回调调用其他函数来处理这些单独的任务。

但是不要向后弯腰以避免它。如果我有几个文件,或者每个需要初始化的几个库,我会毫不犹豫地多次调用$(document).ready()。