javascript - 在 jQuery UI 中，如何防止连续调用时出现百万次运行的“脉动”效果？

Question

我有以下代码（类似于此）：

$(Auditorium.CometService).on('bid.new', function(event, data){
    $('#feedback').text(data.msg).show('pulsate', {
        speed: 250
    });
});

问题是对于每个“bid.new”事件，#feedback 脉冲 X 次（默认为 5），有时在 2 秒内有 5 个投标，因此它将动画排队并脉冲 25 次。我需要忘记动画队列。如果在一秒钟内触发了许多 'bid.new' 事件，则应仅设置一次动画（仅脉动 5 次）。我怎样才能做到这一点？

Answer 1

使用stop方法。

$(Auditorium.CometService).on('bid.new', function(event, data){
    $('#feedback').text(data.msg).stop(true).show('pulsate', {
        speed: 250
    });
});

更新：将参数添加true到 stop() 方法，使其删除元素的排队动画（因此，按照问题的要求行事）。