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; body onload＆＃34;方法，也试过＆＃34; addloadevent＆＃34;但可能我没有正确编写代码。任何帮助将不胜感激。

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提供一个公共类，而不是id s（与您的.time_element一样）。
将CSS合并到一个缩小的文件中。
将JS合并到一个缩小的文件中（或者除了jQuery之外可能是所有JS，并从CDN加载jQuery）。

我该如何执行两个javascript函数

1 个答案: