javascript - 获取选定滑块的对象 - JQUERY UI

Question

我正在使用具有多个句柄的 JqueryUI 范围滑块。开始滑动时如何获取手柄的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 是一个完整的滑块对象，但在开始和停止时我想知道我实际拖动的两个滑块中的哪一个？

Answer 1

从文档中引用。

ui
Type: Object

   handle
   Type: jQuery
   The jQuery object representing the handle being moved.

所以你应该能够使用 ui.handle 来获取一个常规的 jQuery 对象并读取它的 id/class/...

$('#slider-range').on( "slidestop", function( event, ui ) {
    ui.handle // the slide jQuery object
});

Answer 2

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

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

演示：Plunker