Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否仅保存一次成功警报?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 是否仅保存一次成功警报?

Javascript 是否仅保存一次成功警报?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我添加了这段代码,当调用成功警报时,它会在成功警报上创建淡入淡出。当我单击“保存”时,警报只会立即消失,但第二次单击“保存”时,警报不会消失。警报一直保持在那里,直到我关闭它。我希望每次单击“保存”时淡入淡出都能正常工作 $("#successalert").show(function(){ $(".alert").delay(4600).addClass("in").fadeOut(1000) }); 如果没有进一步的代码,很难诊断,但您可能希望尝

我添加了这段代码,当调用成功警报时,它会在成功警报上创建淡入淡出。当我单击“保存”时,警报只会立即消失,但第二次单击“保存”时,警报不会消失。警报一直保持在那里,直到我关闭它。我希望每次单击“保存”时淡入淡出都能正常工作

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

如果没有进一步的代码,很难诊断,但您可能希望尝试将代码更改为:

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

这将通过在淡入淡出结束时删除类中应用的
,将
.alert
重置为显示前的原始状态。

若要获得重复行为,必须重置所做的一切。在第一次执行
.fadeOut()
之后,您需要重新设置所做操作的代码。您必须
.removeClass('in')
.hide('successalert')
.show('.alert')
在某个时间点将代码重置为其原始状态。

在单击事件时再次尝试添加类(.in”),并在动画中删除它:

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

.in
包含什么?单击保存位置?需要更多的代码-你到底在点击什么?谢谢你的回复真的很感激它-仍然做同样的事情-只褪色一次。当我刷新页面并再次单击save(保存)时,它会再次工作,但只会再次工作一次。谢谢-你知道有没有什么好的例子可以说明这一点吗?