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