Question

下面是我的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"
    });
}

我必须通过传递<li>首先点击它来调用此函数{@ 1}}它可以很好地工作但是从第二次单击我获得的单词并且控制台和clider上的错误停止工作...

min and max parameters

有没有办法取消初始化插件？以及解决此问题的任何其他方法？

Answer 1

初始化函数外的滑块

$('#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

Answer 2

试试这个：

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

Jquery滑块不能正常工作多次调用

2 个答案: