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

Question

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

然后我在结束正文标记之前有这段代码：

$(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 的另一部分正在产生错误，应该在您的控制台中可见。

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

// 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>

为了证明这一点，这里是完全相同的 sn-p，但投掷线已被注释掉，并且可以正常工作。

$(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>

Answer 2

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

Answer 3

它应该工作。尝试将 type="text/javascript" 添加到脚本标签。并确保您的自定义脚本是在您加载 jquery.js 之后