修改设计提醒（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 -%>