2014-12-23 5 views
1

웹 주소에서 jQuery를 내 HTML로 가져올 때 내 아코디언을 작동시킬 수는 있지만 내 컴퓨터에서 가져온 경우에는 그렇지 않습니다. 나는 잘못된 파일을 가져올 수 있다는 것을 알고 있으며, 그렇다면 알고있는 방법이 있습니까?로컬로 가져올 때 jQuery가 작동하지 않는 이유

<head> 
    <!--Is my javascript--> 
    <script type="text/javascript" src="JSabout.js"></script> 

    <!--Is what I'm importing--> 
    <script type="text/javascript" src="jquery-ui/jquery-ui.min.js"></script> 
    <script type="text/javascript" src="jquery-ui/jquery-ui.js"></script> 
    <script type="text/javascript" src="jquery-ui/external/jquery/jquery.js"></script> 
</head> 

<head> 
    <!--Is my javascript--> 
    <script type="text/javascript" src="JSabout.js"></script> 

    <!--Is what I'm importing--> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/dot-luv/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

작동하지 않습니다하지만이 나는 또한 테마 (도트 러브)

+0

JSabout.js에는 요소를 아코디언으로 설정하는 코드가 포함되어 있습니까? –

+3

더 설명해주세요. '효과가 없습니다'는 너무 광범위합니다 ... 404입니까? –

+0

글쎄, 웹 페이지와 같은 폴더에'jquery-ui' 폴더가 있고 그 안에 jQuery 스크립트가 있습니까? 브라우저의 디버그 도구의 네트워크 탭에서 해당 파일에 액세스하려고하면 어떻게됩니까? – mason

답변

3

jQuery를 UI jQuery를에 따라 달라집니다를 사용하는 것을 시도하고있다

않습니다.

jQuery를 가져 와서 jQuery UI를 가져옵니다.

비 작업의 예에서, 당신은 당신이 jQuery를 가져, 다음, 을 (그렇게하지 않는 한 버전에 충실) 다음 jQuery를 UI의 비 축소 된 버전을 가져, jQuery를 UI를 가져올 수있는 시간을하여 너무 늦었다.

지역과 관련이 없습니다. 스크립트의 순서를 변경했습니다.

+0

@TristanWarren 브라우저의 JavaScript 디버그 콘솔을 보았다면 아마 눈치 챘을 것입니다. 처음으로 jQuery 라이브러리를 사용하려고 할 때 혼란스럽고 오류가 발생합니다. – mason

+0

스타일링이 동일하지 않고 경외감이 있지만 작동합니다. 잘못된 jQuery UI를 사용하고 있습니까? –

+0

@TristanWarren - jQuery UI를 두 번 가져온 예제에서 jQuery UI 스타일 시트를 전혀 가져 오지 않았습니다. – Quentin

관련 문제