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，则可以添加处理程序。

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

1 个答案: