有时加载 JavaScript

Question

我想在给定页面上有条件地加载一组 javascript 函数（涉及 jQuery）。

情况是，我们的网站有很多发生在 $(document).ready 上的内容（主要是精美的菜单设置和一些 CSS 类操作），但是一两个页面需要更多设置。这是足够的代码（而且足够具体），我不想只是将其扔到主文件中，而是只是将其加载到那些特定的页面上。

看来我不能通过仅将新文件 specic.js 加载到包含

(function () {
   $(something).click(function () { Stuff(happens); });
   something(Else);
   ...
 } ());

在上面的示例中的那些页面中来做到这一点， something(Else); 工作正常，但 .click 和 .bind 似乎没有做任何事情。我最终要做的是

function specificStuff () {
   $(something).click(function () { Stuff(happens); });
   something(Else);
   ...
};

将 if(specialStuff) SpecificStuff(); 添加到主 js 文件中。它有效，但似乎应该有一种更好的方法来实现这一点（理想的情况是，将所有更改保留在 special.js 中，而不触及常规设置）。

是否有条件加载 js 代码以在 document.ready 中运行的规范方法？

Answer 1

您可以在网页/脚本文件中多次调用 $(document).ready(); 。只需将 jquery 绑定包装在 special.js 文件中即可：

$(document).ready(function(){
$(something).click(function () { Stuff(发生); });
某事（其他）;});

Answer 2

您可以在这些页面的 html 中加载页面特定的 Javascript，每个脚本都有自己的 document.ready 函数。

Answer 3

尝试在将函数传递给 document.ready 时删除 ()：

(function () {
   $(something).click(function () { Stuff(happens); });
   something(Else);
   ...
 } **()**);

使用 ()，它将立即执行，而不是等待文档准备好。

Answer 4

您可以根据需要多次调用 jquery 文档就绪函数。我认为你的问题在于你如何设置你的功能。如果您尝试调用就绪函数，则应如下所示：

$(function () {
   $(something).click(function () { Stuff(happens); });
   something(Else);
   ...
});

此外，如果 something 元素是由 main.js 文件创建的，则应将其包含在 之前 您的特定.js 文件。