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

我使用twitter的bootstrap CSS框架(这是太棒了)。对于一些消息给用户,我使用警告Javascript JS和CSS显示它们。

对于那些感兴趣的,可以在这里找到:http://getbootstrap.com/javascript/#alerts

我的问题是这个;在我向用户显示提醒后,我想在一段时间间隔后离开。基于twitter的文档和我看过的代码看起来这不是烘焙:

>我的第一个问题是一个请求确认,这确实没有进入Bootstrap
>其次,我如何实现这种行为?

调用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);

我确信有更多优雅的方式来实现这一点。

http://stackoverflow.com/questions/7643308/how-to-automatically-close-alerts-using-twitter-bootstrap

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:javascript – 如何自动关闭警报使用Twitter Bootstrap