Question

因此，当用户单击一个按钮时，我会动态添加此代码（data作为AJAX调用的参数传入，一切正常）：

$('#container').append('
<div class=" alert alert-danger alert-dismissable fade in" role="alert">    
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
    <h4>Error</h4>
    <p>'+data+'</p>
</div>');`

我想知道是否有可能在一段时间后添加自动关闭此警报的功能。我知道还有其他方法可以做到这一点，我可以轻松完成这个，我只是想这样做，因为我想在点击相同的按钮时有多个警报，所以让每个警报处理自己并消失自动使它看起来更清洁。

Answer 1

听起来你可以使用setTimeout Javascript函数： https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout

Bootstrap自动关闭动态添加警报

1 个答案: