jquery 스크립트 연결 초보자

Question

메신저 내 스크립트를로드하는 데 어려움을 겪고있어, 내 멍청한 탓인지 뭔가 다른 이유로 인해. 여기

는 HTML, 여기에 스크립트와 같은 폴더에 내가 스크립트로

<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을 연결해야 무엇

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

또한 ... 사이트가 라이브가되면 이걸로 바꾸고 싶다면 ... (Google http : // off를 제거하십시오.)

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