修改設計提醒（Rails 3）

Question

我在自己的alert/flash幫助程序自帶的rails應用程序中使用了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只渲染如果Flash不是空白：

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