相关疑难解决方法(0)

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

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

我的问题是这个; 在我向用户显示警报后,我希望它在一段时间间隔后消失.基于twitter的文档和我看过的代码看起来像是没有出现:

• 我的第一个问题是要求确认这确实没有被引入Bootstrap
• 其次,我该如何实现这种行为？

当我第一次看到Bootstrap中的警报时,我认为它们的行为类似于模态窗口,下降或淡入,然后在关闭时淡出.但似乎它们总是可见的.我想我可以让他们坐在我的应用程序上方的一层并管理显示它们,但我想知道功能是否内置？

谢谢!

编辑,我到目前为止:

<div id="saveAlert" class="alert-message success fade in" data-alert="alert" style="top:0">
  <a class="close" href="#">×</a>
  <p><strong>Well done!</strong> You successfully read this alert message.</p>
</div>

我正在使用AngularJS和Bootstrap 3.我的网络应用程序有一个"更新"按钮,用于保存用户所做的任何更改.当用户点击"更新"按钮时,我想激活并淡入引导程序的警告框,说"已保存信息",然后在3秒后淡出.我不知道如何创建这个功能,可能需要一些帮助..

更新:

我决定使用这种方法:

HTML

<button type="button" class="btn btn-info" ng-click="save()">Update</button>

<div id = "alert_placeholder"></div>

JavaScript的

$scope.save = function() {
    $('#alert_placeholder').html('<div class="alert alert-warning alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button><span>Your information has been updated.</span></div>')
    setTimeout(function() {
        $("div.alert").remove();
    }, 3000);
}

我希望在第一次出现时使警报框淡入淡出,并在3秒后将其删除,但是我不知道如何使其与我的代码一起使用.