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 の 2 つの異なるバージョン (1.9.1 と 1.8.3) がロードされているため、プラグインは jQuery の 2 つの異なるインスタンスに接続されています。

ブートストラップ プラグインは 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 に答える