Question

I’m using the NoUIslider from Refreshless.com (http://refreshless.com/nouislider/)

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

Value of the slider is read as:

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

I need to set the slider to a value that the user enters in a text box. The docs are minimal, and I tried a couple of things, but nothing moved the slider:

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

All options have exhausted, and I need your help. Thanks

Answer 1

I got it working by disabling the animation and setting the value to an integer in the same range – you do not need to work out an equivalent for the scale as I had thought earlier.