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对象返回所有跨度（句柄）。

我该怎么做？

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

Answer 2

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

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

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

2 个答案: