noUISlider-`未捕获的错误：Slider已经被初始化`

Question

这个问题已经被问过了，我已经尝试了发布的解决方案，但是我仍然无法解决，希望有人可以帮助我。

我在网页上只有一个noUISlider，用于将过滤器应用于数据集。提交值后，页面会从后端重新加载更新的结果。发生这种情况时，noUISlider不再显示在页面上。

正如其他文章所建议的那样，我添加了一个条件来检查是否定义了滑块对象，然后在滑块已初始化时使用'slider.noUiSlider.updateOptions（options，true）'。但是，滑块不会出现在UI中，并且不会填充滑块div。

有人可以帮助我吗？不知道我在做什么错。

我还尝试过破坏滑块（如果存在），然后重新创建它-但同样的事情也会发生。

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

var slider_options = {start: [0,100],connect: true,step: 1,behaviour: 'drag',range:{'min': 0, 'max': 100}};

// If the slider doesn't exist, then create it

    if (typeof slider.noUiSlider === "undefined") {
       noUiSlider.create(slider,slider_options);
    }

// If the slider already exists, then update the options with TRUE parameter

    else {
       slider.noUiSlider.updateOptions(slider_options,true);
    }