如何处理范围滑块的jQuery UISlider更改事件

时间:2014-07-02 11:58:42

标签: jquery jquery-ui slider jquery-ui-slider rangeslider

我有一个两个句柄的jQuery UI Slider,在它的每个句柄下,每次用户更改句柄时都应该更改一个数字,我只能更改其中一个。

我需要检测哪个手柄已被移动,以及它移动的方向,以计算数字。

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);
        }
    })
});

0 个答案:

没有答案