두 개의 자바 스크립트를 결합하는 방법

Question

이들은 내 웹 사이트의 머리글에서 결합하려고하는 두 개의 자바 스크립트입니다. 첫 번째 스크립트는 내 탭 메뉴 용이고 두 번째 스크립트는 내 콘텐츠 슬라이더 용입니다. 어떤 도움을 주시면 감사하겠습니다.

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script> 
    <script type="text/javascript"> 
     $(function(){ 

      $('#tabs').tabs(); 

      $('#dialog_link, ul#icons li').hover(
       function() { $(this).addClass('ui-state-hover'); }, 
       function() { $(this).removeClass('ui-state-hover'); } 
      ); 

     }); 
    </script> 


    <script type="text/javascript" src="javascripts/jquery-1.3.2.min.js"></script> 
    <script type="text/javascript" src="javascripts/jquery.easing.1.3.js"></script> 
    <script type="text/javascript" src="javascripts/jquery.coda-slider-2.0.js"></script> 
    <script type="text/javascript"> 
     $().ready(function() { 
      $('#coda-slider-1').codaSlider(); 
     }); 
    </script> 

Answer 1

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> 
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script> 
<script type="text/javascript" src="javascripts/jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="javascripts/jquery.coda-slider-2.0.js"></script> 

<script type="text/javascript"> 
    $(function(){ 
     $('#tabs').tabs(); 

     $('#dialog_link, ul#icons li').hover(
      function() { $(this).addClass('ui-state-hover'); }, 
      function() { $(this).removeClass('ui-state-hover'); } 
     ); 

     $('#coda-slider-1').codaSlider(); 
    }); 
</script> 

Answer 2

jquery 라이브러리를 두 번 추가합니다 (버전 1.3.2와 1.6.2). 가장 낮은 버전을 제거하는 것이 좋습니다.

Answer 3

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> 
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script> 
<script type="text/javascript" src="javascripts/jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="javascripts/jquery.coda-slider-2.0.js"></script> 

<script type="text/javascript"> 

    $().ready(function() { 
     $('#tabs').tabs(); 

     $('#dialog_link, ul#icons li').hover(
      function() { $(this).addClass('ui-state-hover'); }, 
      function() { $(this).removeClass('ui-state-hover'); } 
     ); 

     $('#coda-slider-1').codaSlider(); 

    }); 

</script> 

이 하나를 시도 할 수 있습니다. 그리고 jquery 라이브러리를 두 번 추가 할 필요가 없습니다. 언젠가는 문제가 생기고 더 많은 jquery 라이브러리가 페이지로드 성능을 줄이므로 항상 jquery 라이브러리를 추가하는 것에주의하십시오.