0

我的布局中有这段代码来自http://www.communityguides.eu/articles/18上的教程，其中包含有关如何将淡出添加到引导闪存消息的说明。

<% flash.each do |key, value| %>
    <div class="alert alert-block alert-<%= key == :notice ? "success" : key %>" data-dismiss="alert">
      <a class="close">×</a>
      <h4 class="alert-heading"><%= key.capitalize %>:</h4>
      <%= value %>
    </div>
<% end %>

然后在一个咖啡脚本文件中，

$ ->
  $(".fadeout").delay(5000).fadeOut(1000);

作者的说明说要添加“向 div 添加类淡出”，我已经尝试了我所知道的一切，但无法让它工作。有人可以告诉我在哪里添加 .fadeout 到布局？

4

3 回答 3

2

该元素需要具有该.fadeout选择器才能工作的类。

<% flash.each do |key, value| %>
    <div class="fadeout alert alert-block alert-<%= key == :notice ? "success" : key %>" data-dismiss="alert">
      <a class="close">×</a>
      <h4 class="alert-heading"><%= key.capitalize %>:</h4>
      <%= value %>
    </div>
<% end %>
于 2012-09-04T16:03:02.950 回答
2

好吧，我不是红宝石人

但是如果我没记错的话，你可以将类添加到 div 行

<div class="alert alert-block alert-...

IE

<div class="fadeout alert alert-block alert-
于 2012-09-04T16:03:05.110 回答
1

他们的教程正在使用twitter bootstraop 2.0.0，他们声明bootstrap无法向模态添加效果。

在bootstrap 2.1中，它们包括向其模态的转换： 示例

在这种情况下，模态div可以包含类fadeout，或者您可以从站点下载js文件并包含类bootstrapfade

如果您想知道如何通过 jQuery 将类添加到 div： addClass()

于 2012-09-04T16:10:40.230 回答