jQuery页面结构使用$(document）.ready(function(）｛｝的最佳实践

jQuery page structure best practices for use of $(document).ready(function(){})

本文关键字：function 最佳 ready document 结构 jQuery 更新时间：2023-09-26

我的网站上目前有很多小部件，可以执行各种jquery函数、动画、ajax调用等。我的每个小部件都在我的网站上广泛使用，所以把这些小部件的所有jquery/javascript放在一个文件中似乎是有意义的。现在，如果每次我想调用小部件的按钮、自动加载文档上的一些数据等时都有$(document).ready(function(){})，那么这样做的最佳实践是什么？并不是每个小部件都在每个页面上，所以如果所有东西都在一个javascript文件中，那么调用不存在的dom元素会是一种糟糕的做法吗？

我想我真的很难找到围绕web应用程序构建jquery/javascript以提供最佳性能的最佳方法。

最好让js文件中充满可重用的代码，这样所有函数都可以在一个页面中加载，所有页面都可以加载。我通常使用default.js作为那个文件。。然后，在每个需要特定实现的页面中，我在页面底部的doc.ready中调用对该页面执行特定任务的函数。

这样一来，你每页只做你需要的事情。在任何情况下，您都应该尝试在default.js文件中使用执行任务的函数，而不是在整个站点通常包含的文件中使用非常特定的js