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

次に、coffeescript ファイルで次のように記述します。

$ ->
  $(".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-...

すなわち

<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ダウンロードしてクラスを含めることができますjsbootstrapfade

jQuery を使用してクラスを div に追加する方法を知りたい場合は、次のようにします。 addClass()

于 2012-09-04T16:10:40.230 に答える