jQuery闪烁效果按钮动画(提供小提琴)

时间:2012-07-27 17:22:25

标签: javascript jquery animation mobile

请查看我的小提琴。为什么闪光效果仅在第一次点击时发生。之后它不再闪烁了:

http://jsfiddle.net/vyAkk/

 $("#button").click(function (e) {
$(this).css('background', '#03182B').delay(500).queue(function(d) {
    $(this).css('background', '');
});
 });

2 个答案:

答案 0 :(得分:5)

你没有出队。

$("#button").click(function(e) {
    $(this).css('background', '#03182B').delay(500).queue(function(d) {
        $(this).css('background', '');
        $(this).dequeue();
    });
});​

<强> jsFiddle example

答案 1 :(得分:3)

在事件队列中有些东西被搞砸了。每次运行动画之前,请尝试stop()事件链:

$("#button").click(function (e) {
  $(this).stop().css('background', '#03182B').delay(500).queue(function(d) {
    $(this).css('background', '');
  });
});

Fiddle