2013-11-28 55 views
0

我已經安裝在我的網站的 「滑塊範圍的Widget的jQuery Uj的」 你可以檢查文檔在這裏:滑塊範圍jQuery Uj。提交值與阿賈克斯

http://jqueryui.com/slider/#range

//basic installation is here 
$(function() { 
$("#slider-range").slider({ 
range: true, 
min: 0, 
max: 500, 
values: [ 75, 300 ], 
slide: function(event, ui) { 
$("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]); 
} 
}); 
$("#amount").val("$" + $("#slider-range").slider("values", 0) + 
" - $" + $("#slider-range").slider("values", 1)); 
}); 

HTML

<label for="amount">Price range:</label><input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;"> 

如何提交「量」的值與ajax的變化?

回答

0

你可以做到這一點的stop()

$("#slider-range").slider({ 
range: true, 
min: 0, 
max: 500, 
values: [ 75, 300 ], 
slide: function(event, ui) { 
$("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]); 
}, 
stop: function(event, ui) { 
    $.ajax({ 
        //do your ajax call here 
    }); 
} 
}); 

希望這有助於裏面,謝謝