我有一个两个句柄的 jQuery UI 滑块,在它的每个句柄下,每次用户更改句柄时都有一个数字应该更改,我只能更改其中一个。
我需要检测移动了哪个手柄以及移动了哪个方向,以计算数字。
HTML:
<div id="slider-range"></div>
<div id="amount">
<span class="minslider"><span class="minprice">0</span> Dollar</span>
<span class="maxslider"><span class="maxprice">3000000</span> Dollar</span>
</div>
jQuery:
$(function() {
$( "#slider-range" ).slider({
range: true,
min: 0,
max: 15,
values: [ 0, 15 ],
step: 1,
change: function( event, ui ) {
var maxprice = $('.maxprice').text();
var oneslice = Math.round(maxprice / 15);
var finalprice = maxprice - oneslice;
$('.maxprice').text(finalprice);
}
})
});