Deviseアラートを修正する（Rails 3）

Question

私は自分のアラート/フラッシュヘルパーに付属のレールアプリでdeviseを使用しています。私は何をしたいのか、この

<% flash.each do |key, value| %> 
<%= content_tag(:div, value, :class => "flash #{key}") %> 
<% end %> 

は上隅にあるXでこのアラートを閉じるのではなく、それが消えるようにページを更新できるようにすることであるようにそれが見えるように私はそれを変更しました。私はcss/jqueryでアラートボックスを作成し、上記のコードの周りに関連するdivを囲んだが、レイアウト/アプリケーションファイル内でページロード時に常に表示される。

ここでCSSとJqueryが役立つ

$(function() { 
$('.close').click(function(){ 
    $('.myDiv').fadeOut("fast"); 
}); 


.close { 
background:red; 
font-weight:bold; 
padding:5px; 
cursor:pointer; 
display:inline-block; 
} 

.myDiv { 
padding:10px; 
background:#ccc; 
width: 200px; 
margin:0 auto; 
height:50px; 
} 

Answer 1

あなたはフラッシュが空白でない場合にのみ描画するためにカスタムdivをラップすることができます：

<% if flash.present? -%> 
    <div id='flash'> 
    ... 
    </div> 
<% end -%>