jQuery幻灯片在Chrome 61.0.3163.100中停止触发事件
三天前,当移动滑块时(在Firefox中,每晚),这用于打印控制台输出:jQuery幻灯片在Chrome 61.0.3163.100中停止触发事件,jquery,google-chrome,jquery-ui,jquery-ui-slider,Jquery,Google Chrome,Jquery Ui,Jquery Ui Slider,三天前,当移动滑块时(在Firefox中,每晚),这用于打印控制台输出: $(文档).ready(函数(){ $('.slider').slider({ 幻灯片:函数(){ console.log('slide'); }, 更改:函数(){ console.log('change'); } }); }); 您可以这样编写滑块 $(“#安装”).slider({min:0,max:500,step:10,slide:function(event,ui){console.log(“slide”)}
$(文档).ready(函数(){
$('.slider').slider({
幻灯片:函数(){
console.log('slide');
},
更改:函数(){
console.log('change');
}
});
});代码>
您可以这样编写滑块
$(“#安装”).slider({min:0,max:500,step:10,slide:function(event,ui){console.log(“slide”)},change:function(event,ui{console.log(“updatege”)});
它不起作用的原因是
不打算在jQuery ui中用作滑块。这在常规输入滑块上工作,没有jQuery ui:
$(function() {
var prevVal = {};
$('.slider').on('change mousemove', function () {
var slider = $(this);
if (slider.val() != (prevVal[slider.attr('id')] || 0)) {
prevVal[slider.attr('id')] = slider.val();
slider.trigger('slide');
}
});
$('.slider').on('slide', function () {
console.log('Sliding:', $(this).val());
});
});