javascript - 返回 jquery-ui slider 上 chaged 句柄的索引

Question

我有一个 jquery ui slider :

$( "#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 对象返回所有 span(句柄)。

我该怎么做？

Answer 1

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

Example Here

$("#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 );
    }
});