Question

我需要一些帮助。我一直在寻找解决方案，似乎没有解决方案，至少没有jquery。

我需要一个查询UI滑块，我可以使用它来动态添加或删除句柄。如果我创建一个新句柄，我需要找到特定的句柄，以便我可以操作它。

Heres a easy easy http://jsfiddle.net/t0vy920c/。

$(".slider").slider({
    min:0,
    max:100,
    steps:1,
    values: [10, 50, 70,90]
});

Fiddle

我想我需要更改values参数，但我需要更改其长度，而不是其值。我需要知道创建了哪个句柄。当涉及到jquery UI时，我仍然很新，所以任何帮助都会受到赞赏！

此致

Answer 1

如果我的问题正确，您只需要在任何要添加新项目的事件上重新初始化滑块：

$('button').bind('click', function(e){
    e.preventDefault();
    $(".slider").slider("destroy");
    values.push(val);
    values = values.sort();
    $(".slider").slider({
        min:0,
        max:100,
        steps:20,
        values: values   
     })
})

以下是Fiddle

UPD 添加了Fiddle，并为新元素添加了类

Jquery UI滑块，添加和删除句柄

1 个答案: