Question

我在http://www.communityguides.eu/articles/18教程的布局中有这段代码，其中包含如何将fadeout添加到bootstrap flash消息的说明。

<% 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 %>

然后是coffeescript文件中的以下内容，

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

作者的指示说要添加“为div添加一个类淡出”并且我已经尝试了所有我知道的并且无法使其工作。有人能告诉我在哪里添加.fadeout到布局？

Answer 1

该元素需要具有类.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 %>

Answer 2

嗯，我不是一个红宝石的家伙

但如果我没有错，你可以将这个类添加到

行的div中

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

即

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

Answer 3

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

在bootstrap 2.1中，它们包含对其模态的转换： Example

在这种情况下，模式div可以包含课程fadeout，也可以从js网站下载bootstrap文件并添加课程fade

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

如何将一个类添加到div

3 个答案: