保存成功警报只消失一次

Save Success Alert only fading once?

本文关键字：一次 消失 成功 保存      更新时间：2023-09-26

我添加了这段代码，当调用成功警报时，它会在成功警报上创建一个淡入淡出。当我单击"保存"时，警报只会立即淡入淡出，但第二次单击保存时不会这样做。警报会一直保持在那里，直到我关闭它。我希望每次单击保存时都能淡入淡出。

      $("#successalert").show(function(){
        $(".alert").delay(4600).addClass("in").fadeOut(1000)
        });

点击事件时再次尝试添加class（".in"），并在动画中删除它：

$("#yourButton").on("click",function(){
    $(".alert").addClass(".in");
    $("#successalert").show(function(){
        $(".alert").delay(4600).addClass("in").fadeOut(1000, function(){
            $(this).removeClass('in');
       });
    });
  });

如果没有进一步的代码，很难诊断，但您可能想尝试将代码更改为：

$("#successalert").show(function(){
        $(".alert").delay(4600).addClass("in").fadeOut(1000, function(){
                $(this).removeClass('in');
        })
});

这将通过在淡入淡出结束时移除应用的in类来将.alert重置为其显示之前的原始状态。

要获得重复行为，必须重置所做的一切。在您的第一个.fadeOut()之后，您需要重置所做操作的代码。您必须在某个时刻.removeClass('in')、.hide('#successalert')和.show('.alert')才能将代码重置为原始状态。

相关文章：