jQuery的幻燈片觸發停止在Chrome事件61.0.3163.100

Question

三天前，這個用於打印移動時滑塊（在Firefox夜間）控制檯輸出：

$(document).ready(function() { 
 
    $('.slider').slider({ 
 
    slide: function() { 
 
     console.log('slide'); 
 
    }, 
 
    change: function() { 
 
     console.log('change'); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
 
<input type="range" min="0" max="10" value="0" class="slider" id="slider0" name="slider0"/>

今天，當我嘗試它（在Chrome 61.0中），它不會將任何內容記錄到控制檯。我錯過了什麼，或者是某種更新？

Answer 1

它不工作的原因是<input/>是，它不打算與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()); 
    }); 
}); 

Answer 2

你可以寫滑塊這樣

$("#installs").slider({min: 0,max: 500,step: 10,slide: function (event, ui){console.log("slide");},change:function(event,ui{console.log("updatge");}});