Question

我很难让我的脚本加载，不确定它是由于我的noob-ness还是别的。

这是我必须链接到脚本

<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：关闭google librarires）

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

jquery脚本链接初学者

2 个答案: