jQuery Dia gestoppt Ereignisse in Chrome 61.0.3163.100

Question

Drei Tage vor Auslösung benutzten Konsolenausgabe zu drucken, wenn Sie den Schieberegler (in Firefox nächtlichen) Bewegen:

$(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"/>

Heute, wenn ich es versuchen (In Chrome 61.0) protokolliert es nichts an der Konsole. Habe ich etwas vermisst, oder ist es eine Art Update?

Answer 1

Der Grund ist es nicht funktioniert, ist zu schreiben, dass <input/> ist, dass es nicht mit jQuery UI als Schieber verwenden, ist vorgesehen. Dies funktioniert mit regulären Eingabe-Schiebereglern und ohne 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

Sie können Schieber wie diese

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