如何执行两个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）。