Html引导警报自动关闭困难

时间:2015-04-10 07:57:46

标签: javascript html css twitter-bootstrap

我在线进行了一些调查,发现以下代码可以自动隐藏警告:

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

我创建了一个按钮来触发警告信息:

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

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

1 个答案:

答案 0 :(得分:0)

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

如果您使用show()来显示提醒,最好使用hide()隐藏它而非alert("close"),以便您的代码成为

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