Javascript Jquery滑块不能工作多个调用
下面是我的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:
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我知道我们不能多次初始化对象,所以我在问如何取消初始化对象。。。这样我可以在重新初始化之前取消初始化。。或者你能告诉我如何“先初始化对象,然后应用对象的方法”我只想初始化一个对象。。。