javascript - jQuery slider 避免调用事件太快

Question

我在 Javascript 中有这个事件函数: var slider = $('#slider'), 工具提示 = $('.tooltip');

        //Hide the Tooltip at first
        tooltip.hide();

        //Call the Slider
        slider.slider({
            //Config
            range: "min",
            min: 1,
            value: 35,

            start: function(event,ui) {
                tooltip.fadeIn('fast');
            },

            //Slider Event
            slide: function(event, ui) { //When the slider is sliding

                var value  = slider.slider('value'),
                    volume = $('.volume');

                tooltip.css('left', value).text(ui.value);  //Adjust the tooltip accordingly

                $.ajax({
                    dataType: "text",
                    type: "POST",
                    url: '/setVolume/',
                    data: { volume_to_set: ui.value},
                    success: function(data) {

                    }
                });

                if(value <= 5) { 
                    volume.css('background-position', '0 0');
                } 
                else if (value <= 25) {
                    volume.css('background-position', '0 -25px');
                } 
                else if (value <= 75) {
                    volume.css('background-position', '0 -50px');
                } 
                else {
                    volume.css('background-position', '0 -75px');
                };

            },

            stop: function(event,ui) {
                tooltip.fadeOut('fast');
            },
        });

一切工作正常，但我发现当我移动 slider 时，它可能会变成很多请求，如果我将其更改为 10 到 30，它实际上会发送 20 个 ajax 请求。这不是那么有效...我试图想出一种方法，让它只识别滑动运动的“结束”，然后才运行 AJAX 请求。有什么想法吗？

Answer 1

将其从slide中删除并将其添加到stop

stop: function(event,ui) {
    tooltip.fadeOut('fast');
    /* Ajax call here */
}