嘿伙计们我是jquery UI的新手。 现在我有了这个滑块脚本。 请告诉我如何在点击时将下限和上限值保存到不同的变量 感谢。
<script>
$(function () {
var minPriceInRupees = 0;
var maxPriceInRupees = 500;
var currentMinValue = 33;
var currentMaxValue = 333;
$("#slider-range").slider({
range: true,
min: minPriceInRupees,
max: maxPriceInRupees,
values: [currentMinValue, currentMaxValue],
slide: function (event, ui) {
$("#amount").val("Rs." + ui.values[0] + " - Rs." + ui.values[1]);
}
});
$("#fromLabel").val("Rs." + $("#slider-range").slider("values", 0) +
" - Rs." + $("#slider-range").slider("values", 1));
});
</script>
然后点击
var firstVaal=$("#fromLabel").val("Rs." + $("#slider-range").slider("values", 0));
答案 0 :(得分:0)
<强> DEMO 强>
代码:
$(function() {
var minPriceInRupees = 0;
var maxPriceInRupees = 500;
var currentMinValue = 33;
var currentMaxValue = 333;
$( "#slider-range" ).slider({
range: true,
min: minPriceInRupees,
max: maxPriceInRupees,
values: [ currentMinValue, currentMaxValue ],
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
currentMinValue = ui.values[ 0 ];
currentMaxValue = ui.values[ 1 ];
},
stop: function( event, ui ) {
currentMinValue = ui.values[ 0 ];
currentMaxValue = ui.values[ 1 ];
alert('currentMinValue and currentMaxValue updated !!!');
alert('currentMinValue = '+currentMinValue+' currentMaxValue = '+currentMaxValue);
}
});
$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
});