从bootstrap切换警报

Question

我使用以下警告，我想让它在2秒后切换，我应该怎么做？

    <div class="alert alert-info">
        <a href="#" class="close" data-dismiss="alert">&times;</a>
        data was saved
    </div>

Answer 1

$('#alert').fadeIn('slow').delay(2000).fadeOut('slow');

JSBin Example

Answer 2

您可以使用setTimeout执行此操作，如：

setTimeout(function() {
        // Do something after 2 seconds
        $('.alert').show();
    }, 2000);

默认情况下，.alert应为display:none;。

Answer 3

使用setTimeout：

setTimeout(function() {
    $('.alert-info').hide();
}, 2000);

参见演示 - ＆gt;的 http://jsfiddle.net/JAFmx/

Answer 4

对于默认方式，如其网站上所述：

http://getbootstrap.com/javascript/

setTimeout(function() {
$(".alert").alert('close')
}, 2000);