jQuery滑块的幻灯片事件无法正常工作

Question

我正在使用jQuery滑块，在其幻灯片事件中我写了一些代码来执行。

它仅在我慢慢滚动滑块时运行，当滑块使用鼠标快速滚动时，幻灯片事件中的代码将不会执行..

这是我的代码：

$( "#master" ).slider({
    value: 0,
    orientation: "horizontal",
    range: "min",
    step:1,
    animate: false,
    slide: function( event, ui ) { 
        /*the below will not execute when slider scrolled faster */
        $( "#ratvalue" ).val( ui.value+"%" );
        var ratval=ui.value;
        console.log(ratval);
        progNew("#master", ratval, 100);
      }
 });

Answer 1

使用它：

$( "#master" ).slider({
    value: 0,
    orientation: "horizontal",
    range: "min",
    step:1,
    animate: false,
    stop: function( event, ui ) { 
        /*the below will work */
        $( "#ratvalue" ).val( ui.value+"%" );
        var ratval=ui.value;
        console.log(ratval);
        progNew("#master", ratval, 100);
      }
 });