javascript - Html bootstrap alert 自动关闭困难

Question

我在网上做了一些研究，发现下面的代码可以自动隐藏警报:

        function Testing()
        {
            $("#alertmsg").show();
            $("#alertmsg").fadeTo(2000, 500).slideUp(500, function(){
                $("#alertmsg").alert('close');
            });
        }

我创建了一个按钮来触发警报消息:

<button class="btn btn-success" onclick="Testing()">Apply</button>

问题是，它只能做一次。我的意思是，当页面加载时，我点击按钮，警告信息就会出现。几秒钟后它会自动隐藏。之后，当我再次按下按钮试图让警告消息出现时，它已经失败了。知道出了什么问题吗？

Answer 1

根据documentation here使用 alert('close') 从 DOM 中删除警报对象，因此您将无法再次显示它，除非您将警报的 html 重新添加到 DOM。

如果您使用 show() 来显示您的警报，您最好使用 hide() 来隐藏它而不是 alert("close") 所以你的代码会变成

    function Testing()
    {
        $("#alertmsg").show();
        $("#alertmsg").fadeTo(2000, 500).slideUp(500, function(){
            $("#alertmsg").hide();
        });
    }