2012-01-03 1 views
3

내에서 다음 코드를 사용하여 Google 서버에 저장된의 jQuery UI 파일에 연결할 때 :

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script> 

... 내 스크립트 $(document).ready()에 나는이 페이지의 모든 브라우저에서 휴식 것입니다 ...

$("#date-processed").datepicker ({ dateFormat: 'M. dd, yy' }); 

스크립트를 다음을 수행합니다. 그 이유는 "datepicker"가 함수로 존재하지 않기 때문입니다. 따라서 http://jqueryui.com/download으로 이동하여 UI 코어와 Datepicker가있는 사용자 정의 jQuery UI 라이브러리를 다운로드하고 대신 내 파일을 링크하면 정상적으로 작동합니다.

그래서, 실험, 내가 확인 모든으로 http://jqueryui.com/download에서 사용자 정의 jQuery를 UI 라이브러리를 다운로드 한 후, 나는 구글의 CDN의 jQuery를 UI의 복사 및 파일 크기에 7킬로바이트 차이가있다.

대부분의 Datepicker 자습서와 예에서 보았 듯이 사람들은 Google의 CDN 사본을 잘 사용하고 있기 때문에 이것이 내가 잘못하고있는 것이지 Google의 불일치가 아니라고 생각합니다. 내 로컬 버전 번호와 jQuery UI의 Google CDN 버전 번호가 동일한 지 확인했습니다. 이 상황에 대해 밝히기 위해 Google의 CDN 및 jQuery UI에 익숙한 사람이라면 누구입니까?

+0

전체 자바 스크립트 코드를 추가 할 수 있습니까? –

+0

http://jsfiddle.net을 사용하여 코드를 공유하면 좋을 것입니다. – Qorbani

+1

https에서 http로 전환하면 어떻게됩니까? –

답변

1

Qorbani는 JSFiddle을 사용하여 소스 코드를 게시하도록 요청했기 때문에 JSFiddle (http://jsfiddle.net/Znjvh/3/)을 사용할 때 그 코드가 작동한다는 것을 알았습니다. 그런 다음 페이지에서 jQuery Tools를 사용하고 있으며 이후에 jQuery UI 이후에 문제가 있다는 것을 깨달았습니다. jQuery UI 위로 이동하면 모든 것이 잘 작동합니다 (http://jsfiddle.net/Znjvh/5/).

나는 jQuery UI와 jQuery Tools 간의 충돌을 찾아 내려고 내가 사용하고있는 jQuery Tools의 표준 URL 인 http://cdn.jquerytools.org/1.2.6/jquery.tools.min.js에 jQuery도 포함되어 있다는 것을 알게되었습니다. "mu가 너무 짧다"는 이유로 jQuery Tools와 jQuery UI는 모두 .tabs()을 사용합니다.

어쨌든이 질문에 비하면 다른 사용자의 경우 jQuery Tools와 jQuery UI를 함께 사용하는 경우 이 아닌 jQuery 도구가 포함되어 있는지 확인하십시오.에도 jQuery가 포함되어 있지 않습니다. URL을 http://cdn.jquerytools.org/1.2.6/tiny/jquery.tools.min.js (http://jsfiddle.net/Znjvh/6/)으로 변경하여 문제를 해결했습니다.

도움을 주셔서 감사합니다.