javascript - 在jQuery UI中，如何防止连续调用时出现 "pulsate"运行数百万次的效果？

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
    });
});

更新:向 stop() 方法添加了 true 参数，使其删除元素的排队动画(因此，按照问题的要求运行)。