2012-10-02 2 views
0

일부 JavaScript 코드를 작성하고 IIS에서 사용하면 문제가 없지만 로컬에서 파일을 열면 문제가 발생합니다.Slider JS 파일이 파일이 로컬로 열리는 경우 작동하지 않습니다.

은 내가 오픈 소스와 오픈 개별적으로보기 - 소스로 페이지의 링크를 확인해야 : xyz.html

및 모든 링크는이어야하는 정상입니다. 나는 이것이 왜 효과가 없는지 놀랍다. 파이어 폭스 크롬 모두 오류를 만들고 IE10은 나를 위해 (매우 놀라 울) 달려있다.

이 코드가 작동하지 않는 이유를 아는 사람이 있습니까?

코드는

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"> 
</script> 

<script type="text/javascript"> 
    window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><script>') 
</script> 

<script type="text/javascript" src="ui/js/jquery-ui-1.8.23.custom.min.js"> 
</script> 

이이 JS 파일에 링크로 인해 차이 /와 \의 일이다. 내가 로컬 호스트에서 파일을 선택하면

TypeError: $(...).slider is not a function 

jQuery.ui.tabs 함수하지만 내 로컬 파일은 정의입니다.

그 파일이로드되지 않는 이유를 모르겠습니다! [1]

그것은 로컬 호스트에서 잘 동작의 이미지 http://i.stack.imgur.com/iLIJ0.png

을 확인하지만 로컬 파일에서하세요 [여기 이미지 설명을 입력합니다]. 나는 view-source를 확인하고 view-source 할 때 클릭하면된다.

+0

여기 정확히하고 싶습니까? –

+1

"Firefox 크롬 둘다 오류가 발생합니다"- 오류가 무엇인가요? – billyonecan

+1

Firebug를 사용하고 있습니까? 404와 같은 Net 패널의 출력을 제공합니까? 우리에게 오류를 줄 수 있습니까? – LeonardChallis

답변

0

로컬 파일을 사용하는 경우, 다음 HTML 문서를 여는 데 사용되는 방식은 file://

당신이 jQuery를로드하는 방식을 상대 URI를 사용하기 때문에이 ...

<script src="//ajax... 

... 당신이 될 것입니다 될 것입니다 Google 서버에서 을 사용하여 http:// 또는 https:// 대신 jQuery에 액세스하려고합니다. file://은 로컬 파일 용이므로 작동하지 않습니다.

  • 개발에 대한 절대 URI를 사용

    당신은 두 가지 옵션이 있습니다.

  • 로컬 웹 서버를 사용하여 개발 환경을 프로덕션 환경을보다 잘 반영하도록하십시오.

나는 후자의 옵션을 권장합니다.

+0

답변 후에 조금 더 혼란 스럽습니다. 모든 js 파일을 링크하는 데 동일한 기술을 사용합니다. jquery-UI 파일 만로드되지 않습니다. 나에게 무슨 일이 일어 났는지 확신 할 수 없다. 나는 HTml5 상용구를 사용했다.그들은 내 코드에 약간의 문제가있다. – user1713821

관련 문제