jquery - jquery脚本链接初学者

Question

我很难让我的脚本加载，不确定是因为我的菜鸟还是其他原因。

这是我必须链接到脚本的内容

<link type="text/css" rel="stylesheet" href="testbitad.css"/>
<script src="testscript.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

testscript.js 与 html 位于同一文件夹中，这里是脚本

$(document).ready(function() {
    $("#main-content").accordion();
})

Answer 1

您的脚本加载顺序不正确。

首先加载 jquery，然后加载 jquey.UI，最后加载脚本。

然后做一个测试：

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

Answer 2

像这样重新排列，所有使用 Jquery 的脚本都必须在 jquery 之后出现，因为它们依赖于它......

 <link type="text/css" rel="stylesheet" href="testbitad.css"/>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
 <script src="testscript.js"></script>

对于踢球，为了确保它的加载正确添加一个有趣的警报......

$(document).ready(function() {
 alert('Loaded...booyah!');
 $("#main-content").accordion();
});

此外...一旦网站上线，你会想改变这个...（删除http：关闭谷歌图书馆）

<link type="text/css" rel="stylesheet" href="testbitad.css"/>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
 <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
 <script src="testscript.js"></script>