Question

我正在使用Refreshless.com的NoUIslider（http://refreshless.com/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
});

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

Answer 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/），效果很好。

Answer 2

我通过禁用动画并将值设置为相同范围内的整数来实现它 - 您不需要像我之前想象的那样计算出等效量。

jQuery No-Ui-Slider设置指向所需值的指针

2 个答案: