jquery脚本链接初学者

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(); 
}); 

另外...一旦网站上线，y你要改变这个...（删除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>