2

我在我的项目中有一个自动完成文本框和 2 个日期/时间选择器,它们分别工作正常,但是当我合并它们时,一个不起作用,另一个工作的那个起作用,当我交换时,一个与另一个下面的脚本一起工作另一个脚本将起作用。在此示例中,可以使用的是 datepicker。我对此感到困惑。我的代码有什么问题这是我的代码http://pastebin.com/xNwZcsza

<!-- autocomplete -->
<link href="css/ui-lightness/jquery-ui-1.10.3.custom.css" rel="stylesheet">
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui-1.10.3.custom.js"></script>
<!-- datepicker -->     
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="jmobile/jquery-1.8.3.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="jmobile/bootstrap.min.js"></script>
<script type="text/javascript" src="jmobile/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="jmobile/bootstrap-datetimepicker.fr.js" charset="UTF-8"></script>
4

1 回答 1

2

您加载了两个不同版本的 jQuery(1.9.1 和 1.8.3),因此插件被附加到两个不同的 jQuery 实例

我认为引导插件将适用于 jQuery 1.9,因此您可以删除 jQuery 1.8.3,它应该没问题

<!-- autocomplete -->
<link href="css/ui-lightness/jquery-ui-1.10.3.custom.css" rel="stylesheet">
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui-1.10.3.custom.js"></script>
<!-- datepicker -->     
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="jmobile/bootstrap.min.js"></script>
<script type="text/javascript" src="jmobile/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="jmobile/bootstrap-datetimepicker.fr.js" charset="UTF-8"></script>
于 2013-10-25T03:11:53.823 回答