jquery script linking beginner

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

Также ... после того, как сайт выходит в эфир, y ou'll хотим изменить это ... (удалить http: off 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>