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>

自动完成和日期/时间戳不能一起工作

1 个答案: