有没有办法在初始化后向 UI slider 添加处理程序?
现在我这样做:
var values = [0,50,100];
sliderbox.slider({
values : values,
min : 0,
max : 100
});
但是
sliderbox.slider( "option", "values", [ 0, 50,75,100 ] );
未按预期工作。它只是为现有处理程序设置新值 0, 50,75。
最佳答案
似乎无法使用 slider 小部件方法来更改值数组的长度。另一种更改它的选项也失败了。例如:
$("#slide_me").slider({
animate: true,
value: 0,
values: [0, 50, 60, 70, 80],
min: 0,
max: 100,
slide: function(event, ui) {
$("#my_value").val(ui.value);
}
});
$("#slide_me").slider("values", [10, 20, 30, 40, 50, 60, 70]);
仅设置前 5 个处理程序。
看来您必须完全重新定义 slider 。
您可以尝试手动执行此操作。最后一个值为 50 的处理程序添加为
<a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 50%;"></a>
因此,如果您以类似的方式构建值 60 和 70 的处理程序,则可以添加它们。
关于javascript - 将处理程序添加到 Jquery UI slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20026621/