jquery - 自动完成和日期/时间选择器不能一起工作

Question

我的项目中有一个自动完成文本框和 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>

Answer 1

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

我认为 bootstrap 插件可以与 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>