如何合并两个Javascript

Question

这些是我试图在我的网站的标题中合并的两个javascript，第一个脚本用于我的选项卡菜单，第二个用于我的内容滑块。任何帮助，将不胜感激。

<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库。