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

Posted 2023-05-08

【中文标题】Twitter Bootstrap JS 警报上的自动关闭功能

【英文标题】：Auto-closing functionality on Twitter Bootstrap JS alerts

【发布时间】：2011-12-01 01:05:32

【问题描述】：

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

文档是here

我不知道如何让它工作。看到这个代码和小提琴：

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

http://jsfiddle.net/SBQcp/

我确定我缺少一个语法片段，但我不明白。

【参考方案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')

【讨论】：

抱歉，自动关闭的意思是如果我添加了 data-alert 属性，应该会自动出现一个关闭按钮

知道了，不。您必须自己添加 <a class="close" href="#">×</a> 或使用 jQuery 附加它。

我认为你认为它的工作方式就是它应该工作的方式。否则，您要么必须将标记直接添加到您的 html，如果 JS 关闭且乏味，这很糟糕，或者以编程方式添加它，这只是乏味的。 Bootstrap 应该可以带走繁琐的任务。