【问题标题】:Stoping a FadeIn Animation on click and FadeOut on Click在单击时停止 FadeIn 动画并在单击时停止 FadeOut
【发布时间】:2015-10-21 22:39:31
【问题描述】:

我在单击时停止淡入动画时遇到问题。按下按钮时会发生什么情况,动画淡入但 2 秒后淡出。下面是我的代码,我不知道如何在点击时停止淡入,然后在点击时停止淡出。

$(document).ready(function () {
    $("#toggle").click(function () {
        $("#menu").fadeIn("slow");
    });
    $("#toggle").click(function () {
        $("#menu").fadeOut("slow");
    });
});

http://jsfiddle.net/f2z6bxk5/

【问题讨论】:

    标签: javascript jquery


    【解决方案1】:

    #toggle 元素上的click 事件被绑定两次,点击时两个处理程序都会运行。

    fadeTogglestop 一起使用

    Updated Fiddle

    $(document).ready(function () {
        $("#toggle").click(function () {
            $("#menu").stop(true, true).fadeToggle("slow");
        });
    });
    

    【讨论】:

    • 完美!非常感谢,我只是在阅读 .stop 函数@Tushar