0

我正在使用 Refreshless.com (http://refreshless.com/nouislider/) 的 NoUIslider

$("#slider").noUiSlider("init", 
       { dontActivate: "lower", startMax: "40%", scale: [0, 500],
       tracker: function(){
                                foo();
                            }, 
       clickmove: function(){
                                foo();
                            }
                        });
foo();

滑块的值读取为：

   Math.ceil($("#slider").noUiSlider("getValue", {point: ""}));

我需要将滑块设置为用户在文本框中输入的值。文档很少，我尝试了几件事，但没有移动滑块：

$("#slider").noUiSlider("move", {
        moveStyle: "animate",
        setTo: [members],
        scale: [10, 500],
        saveScale: true
});

所有选项都已用尽，我需要你的帮助。谢谢

4

2 回答 2

1

对于 setTo 参数，使用指定两个滑块值的数组。即使当我将此插件与单个滑块一起使用时，除非我使用具有两个值的数组，否则 setTo 也是无效的。将您的代码更改为以下内容：

$("#slider").noUiSlider("move", {
    moveStyle: "animate",
    setTo: [30, 200],
    scale: [10, 500],
    saveScale: true
});

如果您使用单个滑块，只需将两个数组成员设置为您希望单个滑块所在的位置（即 [30, 30]）。

顺便说一句，我停止使用这个滑块插件，因为它太古怪了。我开始使用 Egor Khmelev 的滑块插件 (http://egorkhmelev.github.com/jslider/)，效果很好。

于 2012-05-23T17:15:44.973 回答
0

我通过禁用动画并将值设置为同一范围内的整数来使其工作 - 你不需要像我之前想的那样计算出一个等价的比例。

于 2012-05-25T13:43:20.387 回答