停止fadin/fadeout事件jquery

Question

点击时我有一次闪光潜水.如果多次按下该按钮,它将一直闪烁,直到执行了点击计数.我想这样,如果用户多次点击该按钮,它将在最后一次点击后停止闪烁.

示例https://jsfiddle.net/va6njdry/

$('button').click(function () {
    $('div').fadeOut().fadeIn().fadeOut().fadeIn();
});

Answer 1

使用stop停止先前的喧闹.

$('button').click(function () {
    $('div').stop(true, true).fadeOut().fadeIn().fadeOut().fadeIn();
    //       ^^^^^^^^^^^^^^^^
});

演示:https://jsfiddle.net/tusharj/va6njdry/1/

文件:http://api.jquery.com/stop/

停止匹配元素上当前运行的动画.

编辑

感谢@AWolff

你也可以使用 finish

$('button').click(function () {
    $('div').finish().fadeOut().fadeIn().fadeOut().fadeIn();
    //       ^^^^^^^^
});

演示:https://jsfiddle.net/tusharj/va6njdry/4/

文档:https://api.jquery.com/finish/

停止当前运行的动画,删除所有排队的动画,并完成匹配元素的所有动画.