javascript - 将处理程序添加到 Jquery UI slider

Question

有没有办法在初始化后向 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。

Answer 1

似乎无法使用 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 的处理程序，则可以添加它们。