javascript - 如何使用 Twitter Bootstrap 自动关闭警报

Question

我正在使用 Twitter 的 bootstrap CSS 框架(非常棒)。对于一些发给用户的消息，我使用 Javascript JS 和 CSS 警报来显示它们。

有兴趣的可以在这里找到:http://getbootstrap.com/javascript/#alerts

我的问题是这样的；在我向用户显示警报后，我希望它在一段时间后消失。基于 twitter 的文档和我查看过的代码，看起来这不是内置的:

• 我的第一个问题是要求确认这确实没有融入 Bootstrap
• 其次，我怎样才能实现这种行为？

Answer 1

调用 window.setTimeout(function, delay)将允许你完成这个。下面是一个示例，它会在显示 2 秒(或 2000 毫秒)后自动关闭警报。

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

如果您想将它包装在一个漂亮的函数中，您可以这样做。

function createAutoClosingAlert(selector, delay) {
   var alert = $(selector).alert();
   window.setTimeout(function() { alert.alert('close') }, delay);
}

然后你可以像这样使用它......

createAutoClosingAlert(".alert-message", 2000);

我确信有更优雅的方法可以实现这一点。