jQuery UIスライダーを実装しようとしています。このスライダーの値は、ajaxを介してページのセクションを更新するために使用されます。
ajaxを機能させることはできますが、問題が発生しており、スライダーの範囲をユーザーが離れたままにしておくことができます。代わりに、スライダーハンドルを放すとすぐに、デフォルト値にpingが戻ります。
jQuery 1.7.1、jQueryUI1.8.16を使用する
コード:
$( "#example_slider" ).slider({
range: true,
step: 150,
min: 0,
max: 450,
values: [ 0, 450 ],
stop: function( event, ui ) {
var value1 = ui.values[0];
var value2 = ui.values[1];
$.ajax({
type: "POST",
url: "ajax_file.php",
data: "value1="+value1+"&value2="+value2,
cache: false,
success: function(html){
$("#content_update").html(html);
}
});
}
});