返回jquery-ui滑块上Chaged句柄的索引

Question

我有一个jQuery UI滑块：

$( "#slider" ).slider({
    values: [ 10, 25,45,176 ],
    max: 190,
    change: function( event, ui ) {  
        var index = $("#slider span").index(ui.handle);
        $( "#index" ).text( "That was handle index #" + index );
    }
});

我想返回已更改的单个句柄的索引。 但是handle对象返回所有范围（handles）。

我怎样才能做到这一点？

Answer 1

在change事件函数内部， ui.handle是已更改的元素。 因此，使用$(ui.handle).index()访问元素的索引。 注意：索引从零开始。

这里的例子

$("#slider").slider({
    values: [ 10, 25,45,176 ],
    max:190,
    change: function( event, ui ) {  
        var index = $(ui.handle).index();
        $("#index").text( "That was handle index #" + index );
    }
});

Answer 2

对于在2015年3月将handleIndex属性添加到ui对象中的补丁之后看到此内容的任何人，如果您需要当前句柄的索引，则可以使用，例如：

$("#slider").slider({
    values: [10, 25, 45, 176],
    max: 190,
    change: function(event, ui) {  
        var index = ui.handleIndex;
        $("#index").text("That was handle index #" + index);
    }
});