jQuery/JS用于不同的页面 - 这样做的最佳方式是什么？

Question

抱歉,如果这是一个愚蠢的问题,我甚至不确定最好的措辞方式......

目前我有一个网站,可能有20多种不同的jQuery用途,所有这些都在页面之间有所不同.我只是想知道存储此代码的最佳方法是什么？

• 一个大的jquery.myfunctions.js文件中的所有内容？并检查每个语句是否存在元素？
• 将脚本标记嵌入到每个单独的页面中？
• 使用PHP将不同的内容提供给脚本标签,如上所述？
• 每页单独的.js文件？ims我根本不喜欢这个声音

说实话,我甚至不确定jQuery是否会为你做这个,所以可以$('#whatever').function()在每个页面上加载多个而没有任何明显的性能问题？

对此的任何建议都很棒,可能是一个愚蠢的问题,但我想以你知道的"正确"方式做事吗？

谢谢 :-)

Answer 1

就我个人而言，我喜欢拥有一个包含所有所需内容的文件。更好的是，一旦加载，浏览器就可以缓存它，你就不再关心它了。

至于编码，我可能会在不同的文件中编写代码片段，并将其构建为单个文件以进行生产。

这样，您的所有代码都可以随时访问。

尽管如此，您可以在视图/模板中包含标签，以便您可以仅在特定视图/页面上触发某些功能。

例如 ：

myObject = { 
    myFunctionForArticles : function(){ $('.article').each(...); },
    myFunctionForCategories : function(){ ... }
};

在文章视图中：

<script type="text/javascript">
    myObject.myFunctionForArticles();
</script>

确保你包含的 javascript 保持非常精简和通用。多个调用通用函数的衬垫可能会导致麻烦。从理论上讲，这并不是您所谓的最佳实践。选择您认为整洁和易于维护之间的适当平衡（如果您的视图很少，也许您可​​以制作一个包含所有繁重内容的大文件，以及一些简短且特定的 js 文件，这些文件仅由在加载时触发正确功能的正确视图；如果您有很多视图，也许包含单行内联 js 标签会减轻您维护大量短文件的负担）。