Question

我已添加此代码，在调用成功警报时会创建淡入淡出。当我点击保存时，警报只会淡出 - 但是第二次点击保存它不会这样做。警报一直停留在那里直到我关闭它。我希望每次点击保存时淡入淡出都能正常工作。

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

Answer 1

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

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

这会将.alert重置为原始状态，然后通过在淡入淡出结束时删除已应用的in类来显示。

Answer 2

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

Answer 3

尝试在点击事件上再次添加类（＆＃34; .in＆＃34;），并在动画中将其删除：

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

保存成功警报只会消退一次？

3 个答案: