Twitter Bootstrap JS警报上的自动关闭功能

Question

Twitter Bootstrap库现在有可用的Javascript插件，其中一个应该为你的警报提供一个自动关闭按钮。

文档为here

我无法弄清楚如何让它发挥作用。看到这段代码，然后小提琴：

<div class = "alert-message fade in" data-alert = "alert">
    <p>This is an alert!</p>
</div> 

http://jsfiddle.net/SBQcp/

我确信有一个我缺少的语法部分，但我不明白。

Answer 1

警报不应该是自动关闭的，因为意图是用户在关闭之前注意到任何消息。

虽然您可以添加链接，但用户可以通过这种方式手动关闭它。

<div class = "alert-message fade in" data-alert = "alert">
  <a class="close" href="#">×</a>

  <p>This is an alert!</p>
</div> 

或者可以通过这种方式以编程方式关闭：

$(".alert-message").alert('close')