Javascript Jquery滑块不能工作多个调用

Javascript Jquery滑块不能工作多个调用,javascript,jquery,html,Javascript,Jquery,Html,下面是我的jquery滑块代码 function slide_temp(min,max){ $('#myrange_range').noUiSlider({ start: [min, max], connect: true, range: { 'min': 16, 'max': 30 }, orientation: 'vertical', behaviour: 'tap-drag', margin:

下面是我的jquery滑块代码

function slide_temp(min,max){

    $('#myrange_range').noUiSlider({
    start: [min, max],
    connect: true,
    range: {
        'min': 16,
        'max': 30
    },
    orientation: 'vertical',
    behaviour: 'tap-drag',
    margin: 1,
    setp: 1,
    format: wNumb({
        decimals: 0
    }),
    direction: "rtl"
    });
}
我必须在每次
  • 单击时调用此函数,通过传递
    最小和最大参数
    第一次单击,它工作正常,但从第二次单击我在控制台上得到的单词和错误开始,clider停止工作

    未捕获错误:滑块已初始化。

    有没有办法取消插件的初始化??还有其他解决此问题的方法吗?

    尝试以下方法:

    $( "#myrange_range" ).noUiSlider( options, true /* Allow destruction + rebuilding */ );
    

    在函数外部初始化滑块

    $('#myrange_range').noUiSlider({
        start: [minval, maxval], // Pass your init values here.
        connect: true,
        range: {
            'min': 16,
            'max': 30
        },
        orientation: 'vertical',
        behaviour: 'tap-drag',
        margin: 1,
        setp: 1,
        format: wNumb({
            decimals: 0
        }),
        direction: "rtl"
    });
    
    然后创建一个更新值的函数[确保在插件初始化后调用
    updateSlider
    ]

    function updateSlider(min,max){
        $('#myrange_range').val([min,max]);
    }
    

    @Verhaeren我知道我们不能多次初始化对象,所以我在问如何取消初始化对象。。。这样我可以在重新初始化之前取消初始化。。或者你能告诉我如何“先初始化对象,然后应用对象的方法”我只想初始化一个对象。。。