如何让jquery运行上面的元素？

Question

我在外部global.js中有一大块Jquery，它位于我页面上的任何元素之上。我无法运行任何jquery！似乎我必须将Jquery置于所有元素以使其运行。

如何将jquery保持在顶部并仍然允许它运行？

Answer 1

确保将代码包装在文档就绪处理程序中。

$(document).ready( function() {
  ...your code goes here...
});

或（简写）

$(function() {
   ...your code goes here...
});

虽然，我可能会将javascript放在文档的底部并将其包装在文档就绪处理程序中。将它放在底部允许更多的页面并行加载，延迟你的javascript（通常是单线程）直到最后。

Answer 2

似乎你的jQuery在加载dom之前就已经开始了。

如果是这种情况，您需要将脚本包装在

中

$(document).ready(function() {
  // code here
});

在此处阅读更多内容：http://api.jquery.com/ready/

Answer 3

如果没有看到您的代码，我只能猜测，但请尝试将其放入其中：

$(document).ready(function() {
    // Your code
});

或（只是一个较短的版本）：

$(function() {
    // Your code
});

您最有可能在JS执行时未绑定的元素上绑定事件并运行代码。将脚本放在页面底部会在加载相关元素后加载脚本。在运行任何JavaScript之前，使用$(document).ready()等待页面完全加载。

---

如果您已经这样做了，请检查浏览器的错误控制台是否存在任何语法错误或脚本404.