【问题标题】:How to reset noUiSlider value?如何重置 noUiSlider 值?
【发布时间】:2015-08-27 19:17:28
【问题描述】:

我有一个滑块:

jQuery('#rating_price').noUiSlider({
    start: [50,500],
    range: {
        'min': 50,
        '1%': [ 1,1 ],
        'max': 500
    }
});

我想重置它,但它不会重置!

jQuery('#rating_price').noUiSlider("move", {
    setTo: [50, 500]
});

我检查了其他问题并尝试了许多不同的变体。我究竟做错了什么?我正在尝试使用以下内容,但它给了我一个错误:

jQuery('#rating_price').noUiSlider.set([50,500]);

.set 不是函数。

以下不起作用

jQuery('#rating_price').noUiSlider.set([50, 500]);

不应该这么难。

【问题讨论】:

    标签: javascript jquery reset nouislider


    【解决方案1】:

    以防万一您仍然到达此页面,the documented way of resetting the noUiSlider 是在实例上调用 reset() 方法以恢复原始起始值。

    slider.noUiSlider.reset(); //where the slider is var slider = document.getElementById('slider');
    

    注意新版本不使用jQuery元素,所以如果你使用jQuery,你可能需要这个:

    jQuery('#rating_price')[0].noUiSlider.reset();
    

    【讨论】:

      【解决方案2】:

      答案:

      https://github.com/leongersen/noUiSlider/issues/304

      jQuery('#rating_price').val([50, 500]);

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2019-10-29
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多