Javascript noUISlider--`未捕获错误：滑块已初始化`

这个问题以前有人问过，我也尝试过发布的解决方案，但是我仍然无法解决，希望有人能帮助我

我在网页上有一个单独的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);
    }

---

您的问题中没有足够的代码来指出此处的问题。DOM中是否有多个元素具有

滑块

id？您好，感谢您的回复。只有一个具有滑块的div和一个具有id=“slider”的div。当页面最初加载时，一切都很好。但是，当刷新同一页面时，slider元素不再存在。我还试着增加一个延迟，以防万一这是一个时间问题——但这也没有帮助。再次感谢您的建议。我认为您应该提供更多的代码，使其更易于理解。