javascript - Jquery slider 无法多次调用

Question

下面是我的 jquery slider 代码....

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"
    });
}

我必须在每个<li>上调用这个函数路过点击min and max parameters第一次点击效果很好，但是从第二次点击我得到的单词开始，控制台上出现错误，并且 clider 停止工作...

Uncaught Error: Slider was already initialized.

有什么方法可以取消初始化插件吗？还有其他方法可以解决这个问题吗？

Answer 1

在函数之外初始化 slider

$('#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]);
}

More info