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

问题描述

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

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

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)