使用noUiSlider后重置updateOptions

Question

我正在使用noUISlider的updateOptions函数来更新滑块、开始和范围选项。在更新了值并与滑块交互之后，我使用noUISlider.reset()来重置滑块。但是，当使用reset时，它将重置为在create()状态下设置的值，而不是updateOptions值。以前有没有人遇到过类似的问题？为什么reset()不将滑块更新为新的start值？

码

    var slider = document.getElementById('price-slider');

    if (slider.noUiSlider == undefined)
    {
        noUiSlider.create(slider, {
            start: [min_total_price, max_total_price],
            connect: true,
            range: {
                'min': min_total_price,
                'max': max_total_price
            },
            step: 1,
            format: {
                to: function (value) {
                    return Math.floor(value);
                },
                from: function (value) {
                    return Math.floor(value);
                }
            }
        });
    }
    else
    {
        slider.noUiSlider.updateOptions({
            start: [min_total_price, max_total_price],
            range: {
                'min': min_total_price,
                'max': max_total_price
            }
        });
    }



    $(".reset").click(function() {
           slider.noUiSlider.reset(); // Why is this not resetting to updateOptions values?

    }

Answer 1

reset返回到在现有滑块实例上更新的值是没有意义的。我认为reset正在做该做的事情。

我不明白在你的情况下重置意味着什么，恢复最新的更新，但保留以前的更新？您可以将min/max值存储在某些全局变量或窗口属性中，这样，您就可以完全控制它们，随时分配值，并在需要时删除这些值。单击该按钮，只需将现有的滑块实例更新为已存储的值。