javascript - 运行最基本的 jQuery 脚本需要什么？

Question

我在 head 标签中有这个:<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.js"></script>为了加载 jquery。

然后我在结束 body 标签之前有这段代码:

$(document).ready(function() {
  alert("Ready");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

此脚本在 jsfiddle 中有效，但当我尝试在我的浏览器(Firefox 和 Chrome)中运行它时它不起作用。我试过从本地文件运行它，然后上传到我的网站以防有任何影响。

那么还有什么可能导致这个简单的脚本无法运行？

已解决:有另一个脚本使用快捷方式“$(function())”在文档就绪事件上运行。我没有意识到你不能在不同的脚本中使用它两次。感谢大家的帮助!

Answer 1

您的问题出在您的其他脚本中。 Javascript 的另一部分正在产生错误，应该会在您的控制台中显示。

这是一个示例，显示您可以多次绑定(bind)到文档就绪事件。我什至会使用多种语法。

// The first three examples are syntactically identical. They will fire in
// the order in which they appear, also known as FIFO or First In, First Out.
$(document).ready(function() {
    alert("Ready one");
});

$(function() {
    alert("Ready two");
});

jQuery(document).ready(function($) {
    alert("Ready three");
});

// Note: this syntax should fire first, only requires the jQuery object be loaded
(function($) { 
    alert("Ready four");
})(jQuery);

// and for good measure...this syntax should always fire last
$(window).load(function() {
    alert("Ready five");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

如果我想重现 OP 的问题，我只需在第一个事件处理程序中创建一个异常。

$(document).ready(function() {
    alert("Ready one");
    // creating an error here should halt execution before the second function begins
    throw "some error";
});

$(function() {
    alert("Ready two");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

为了证明这一点，下面是完全相同的代码段，其中的 throw 行已被注释掉，并且可以正常工作。

$(document).ready(function() {
    alert("Ready one");
    // creating an error here should halt execution before the second function begins
    //throw "some error";
});

$(function() {
    alert("Ready two");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>