返回chaged手柄的指数的jQuery UI的滑块

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

我要回改变的单手柄的索引。但句柄对象返回所有跨度（句柄）。

我该怎么做？

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