我如何執行兩個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>

我可能會進行的其他更改：

• 給#datepicker和#datepicker1 #datepicker一個公共類，而不是id （與您的.time_element ）。

• 將CSS合並為一個最小的文件。

• 將JS合並為一個最小文件（或除jQuery以外的所有JS，然后從CDN加載jQuery）。