javascript - 获取所选 slider 的对象 - JQUERY UI

Question

我正在使用具有多个句柄的 JqueryUI 范围 slider 。开始滑动时如何获取 handle 的jQuery对象？

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

我试过了..

$('#slider-range').slider({
    range: true,
    min: 10,
    max: 180,
    values: [ this.startDefaultVal, this.endDefaultVal ],
    slide: function( event, ui ) { }
});

$('#slider-range').on( "slidestart", function( event, ui ) {
    console.log(ui);   // get the slide object which is being dragged
});
$('#slider-range').on( "slidestop", function( event, ui ) {
    console.log(ui); // get the slide object which is being dragged
});

UI 是一个完整的 slider 对象，但在开始和停止时我想知道我实际拖动的是两个 slider 中的哪一个？

Answer 1

ui.handle 应该给你拖动的句柄

$('#slider-range').on( "slidestart", function( event, ui ) {
         console.log('s',ui.handle);   // get the slide object which is being dragged
});

演示:Plunker