html 페이지에 두 개의 스크립트를 추가하면 ...

Question

두 개의 jquery 및 script 태그를 사용하여 확인 일정을 잡습니다.하지만 HTML 페이지가 잘 작동하면 잘 작동하지만 .. 두 개의 스크립트가 같은 페이지에 있습니다. 왜 그럴까요?

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

$(document).ready(function(){ 

$('#click').click(function(){ 
    //$(function() { 
     // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore! 
     $("#dialog:ui-dialog").dialog("destroy"); 

     $("#dialog-confirm").dialog({ 
      resizable: false, 
      height:140, 
      modal: true, 
      buttons: { 
       "Ok": function() { 

        $('#form1').submit(); 
       }, 
       Cancel: function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 
    }); 
    }); 
</script> 

<script type="text/javascript" src="jquery/jquery.min.js"></script> 
<script type="text/javascript" src="jsdatepick-calendar/jquery.1.4.2.js"></script> 
<script type="text/javascript" src="jsdatepick-calendar/jsDatePick.jquery.min.1.3.js"></script> 
<script type="text/javascript" src="jquery/fadeslideshow.js"></script> 

Answer 1

jQueries가 충돌하지 않습니다. http://api.jquery.com/jQuery.noConflict/

이렇게하면 다른 jQuery 버전/라이브러리의 특정 기능을 사용할 수 있습니다.

Answer 2

스크립트를 재정렬하십시오. 문제가 발생한 것일 수 있습니다. 여러 번 jQuery를 사용했는데, 이는 문제의 원인 일 가능성이 높습니다.

또한 코드 서식을 명확하게하기 위해 코드 서식을 지정해야합니다. 예를 들어, 가독성을 높이기 위해 처음에는 스크립트 type을 붙였습니다.

Cancel을 대화 상자에 따옴표없이 넣었습니까? 필자는이를 아래에서 수정했습니다.

<script type="text/javascript" src="Scripts/jquery-1.7.2.min.js" ></script> 
<script type="text/javascript" src="Scripts/jquery-ui-1.8.21.custom.min.js"></script> 
<!--jQuery again here?--><script type="text/javascript" src="jsdatepick-calendar/jsDatePick.jquery.min.1.3.js"></script> 
<script type="text/javascript" src="jquery/fadeslideshow.js"></script>  
<script type="text/javascript"> 

$(document).ready(function(){ 

    $('#click').click(function(){ 

     $("#dialog:ui-dialog").dialog("destroy"); 

     $("#dialog-confirm").dialog({ 
      resizable: false, 
      height: 140, 
      modal: true, 
      buttons: { 
       "Ok": function() { 
        $('#form1').submit(); 
       }, 
       "Cancel": function() { 
        $(this).dialog("close"); 
       } 
      } 
     }) 
    }) 
}); 
</script> 

Answer 3

(function($$$) { 

    $$$(document).ready(function(e) { 
     //Code here 
    }); 

}) (jQuery);