Html引导程序警报自动关闭困难

Html bootstrap alert auto close difficulties

本文关键字：引导程序 Html      更新时间：2023-09-26

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

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

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

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

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

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

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

    function Testing()
    {
        $("#alertmsg").show();
        $("#alertmsg").fadeTo(2000, 500).slideUp(500, function(){
            $("#alertmsg").hide();
        });
    }
相关文章：