私は次のようにjquery1.9.1とjqueryui 1.10.2を使用しています:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
使用:
$(document).ready(function(){
// my code here
});
私は次のようにAJAXを使用しています:
$('.formu').fadeOut("slow", function(){
$.ajax({
type: "GET",
url: './php/calc.php?id=1000',
dataType: "json",
success: function(data){
alert("hello");
// jQueryUI component below
$("#sliderui").slider({
range: "min",
min: 1,
max: data.maxi,
value: data.valu
});
},
error: function(){
errorcalculo();
}
});
});
そして、「hello」というアラートが 2 回表示されます...そのため、問題を検索したところ、2 つのライブラリ間で競合が発生していることが原因である可能性があります。次に、このコードを入れます:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>var jQuery132 = $.noConflict(true);</script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
使用:
$(document).ready(function(){
// my code here
})(jQuery132);
最後に、AJAX を次のように変更します。
jQuery132('.formu').fadeOut("slow", function(){
jQuery132.ajax({
type: "GET",
url: './php/calc.php?id=1000',
dataType: "json",
success: function(data){
alert("hello");
// jQueryUI component below
$("#sliderui").slider({
range: "min",
min: 1,
max: data.maxi,
value: data.valu
});
},
error: function(){
errorcalculo();
}
});
});
しかし、コードも機能しないのではないかと心配しています...何が間違っていますか?
さらに情報が必要な場合はお知らせください。投稿を編集します。