如何執行兩個javascript函數

Question

我是HTML，PHP中的新手。我用下面的編碼建立了一個頁面 -

<script src="js/jquery.min.js"></script> 
<script src="js/timepicki.js"></script> 
<link rel="stylesheet" type="text/css" href="css/timepicki.css"> 
<script> 
$(document).ready(function(){ 
$(".time_element").timepicki(); 
}); 
</script> 
<script src="jquery-1.6.2.min.js"></script> 
<script src="jquery-ui-1.8.15.custom.min.js"></script> 
<link rel="stylesheet" type="text/css" href="jqueryCalendar.css"> 
<script> 

    jQuery(function() { 
     jQuery("#datepicker").datepicker(); 
     jQuery("#datepicker1").datepicker(); 
}); 
</script>  

問題只是第二個工作。如果我把第一部分放在第二部分，它也可以工作，但是兩者並不一樣。我怎樣才能結合這些。我嘗試了「body onload」方法，並嘗試「addloadevent」，但可能我沒有正確編寫代碼。任何幫助將不勝感激。

Answer 1

您不止一次包含jQuery。不要這樣做。只需包含一次，然後包含您的插件。你可以將你的ready塊分開，或合併它們，這取決於你。

這是我會怎麼改變這種狀況：

在head：

<link rel="stylesheet" type="text/css" href="css/timepicki.css"> 
<link rel="stylesheet" type="text/css" href="jqueryCalendar.css"> 

收盤 </body>標籤之前

在body在最後：

<script src="js/jquery.min.js"></script> 
<script src="js/timepicki.js"></script> 
<script src="jquery-ui-1.8.15.custom.min.js"></script> 
<script> 
$(".time_element").timepicki(); 
$("#datepicker, #datepicker1").datepicker(); 
</script> 

...其中jquery.min.js是jQuery的最新版本，例如v1.11.2。

或者，如果你想在head所有腳本（儘管這通常不是最好的做法）：

<link rel="stylesheet" type="text/css" href="css/timepicki.css"> 
<link rel="stylesheet" type="text/css" href="jqueryCalendar.css"> 
<script src="js/jquery.min.js"></script> 
<script src="js/timepicki.js"></script> 
<script src="jquery-ui-1.8.15.custom.min.js"></script> 
<script> 
jQuery(function($) { 
    $(".time_element").timepicki(); 
    $("#datepicker, #datepicker1").datepicker(); 
}); 
</script> 

其他改變我可能會做：

• 給和#datepicker1一普通班級而不是id s（與您的.time_element一樣）。

• 將CSS合併爲一個縮小的文件。

• 將JS合併成一個單一的縮小文件（或者可能是除jQuery之外的所有JS，並從CDN加載jQuery）。