将处理程序添加到 Jquery UI 滑块

Question

有没有办法在初始化后向 UI 滑块添加处理程序？

现在我做：

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

似乎没有办法使用滑块小部件方法更改值数组的长度。更改它的另一个选项也失败了。例如：

$("#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 个处理程序。

看来您必须完全重新定义滑块。

您可以尝试手动执行此操作。最后一个值为 50 的处理程序添加为

<a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 50%;"></a>

因此，如果您以类似的方式构建值 60 和 70 的处理程序，则可以添加它们。