여러 JQuery 플러그인 포함 문제

Question

방금 ​​JQuery를 사용하기 시작 했으므로 솔루션이 간단 할 경우 쉽게 구할 수 있습니다.

내 문제는 동일한 페이지에 2 개의 Jquery 플러그인이 있지만 그 중 하나만 파일이 포함 된 순서에 따라 작동한다는 것입니다. 아래 참조 :

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

<link type="text/css" href="/js/css/smoothness/jquery-ui-1.8.14.custom.css" rel="Stylesheet" /> 

<script type="text/javascript"> 
//no conflict jquery 
jQuery.noConflict(); 
//jquery stuff 
$(document).ready(function(){ 
$("#datepicker").datepicker({ dateFormat: 'dd-mm-yy' }); 
}); 
</script> 

<script type="text/javascript" src="/js/mootools.js"></script> 
<script type="text/javascript" src="/js/moocheck.js"></script> 
<script type="text/javascript" src="/js/js_main.js"></script> 

위 코드에서 체크 상자의 스타일은 잘 작동하지만 datepicker는 작동하지 않습니다. 2 mootools JS 줄을 제거하면 datepicker가 정상적으로 작동합니다.

어떤 아이디어로주세요?

Answer 1

datepicker에 $ 대신 jQuery를 사용하십시오.

jQuery(document).ready(function(){ 
jQuery("#datepicker").datepicker({ dateFormat: 'dd-mm-yy' }); 
}); 

Answer 2

동일한 페이지에 두 가지 버전의 jQuery를 포함 시켰습니다. 그 중 하나를 제거하십시오 (예전 것).

또한 jQuery와 MooTools간에 충돌이있을 수 있으므로 jQuery.noConflict()을 사용해보십시오. "Using jQuery and MooTools Together"도 참조하십시오.

Answer 3

당신은 JQuery와의 2 버전을로드, 그래서

<script type="text/javascript" src="/js/js/jquery-1.4.4.min.js"></script>

는 또한, JQuery와 UI가 JQuery와 후 오른쪽 상단에로드해야 삭제할 수 있습니다.