jquery - jQuery GUI 开发的良好实践

Question

我正在开发许多界面，我正在使用 jquery 来导航、探索、显示内容、加载页面和许多其他事情。

我看到我的代码是这样的:

例子:

$(document).ready(function(){
  $("a").click(function(){});
  $(".class").hover(function(){}, function(){});
  //and more and more 
});

我做了一个插件来加载我的内容

插件:

(function( $ ){
$.fn.navCategoria = function( options ){
    var settings = {};
    if (options) $.extend(settings, options);
    $(settings.target).load(settings.url, {"categoria":settings.categoria, "limit":settings.limit, "offset":settings.offset});
};

})( jQuery );

我有很多 html，每个页面都有一个功能:

$(document).ready(function(){}); //my code in there

如何将所有这些东西($(document).ready())放在一个地方？

我用过这种方式，但我必须在我拥有的每个 html 页面中调用这个文件，这并不好。

对于这种情况有什么好的做法？

你们用什么来组织你的 jQuery？

Answer 1

我正在关注我所有工作的最佳实践。

1. 将您的 jquery 插件代码单独保存在 .js 文件中并在 header 中调用

2. 保留一个 $(document).ready(){});并将所有事件保存在其中并将其保存在标题部分

3. 如果没有 dom 就绪，你可以使用 onload 或者只保留页面底部来延迟触发

更好的组织将帮助您轻松维护。