修改设计警报（Rails 3）答案

【问题标题】：Modify Devise alerts ( Rails 3)修改设计警报（Rails 3）
【发布时间】：2012-04-23 18:14:03
【问题描述】：

我在我的 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;
 }

【问题讨论】：

标签： jquery css ruby-on-rails-3 devise

【解决方案1】：

您可以将自定义 div 包装为仅在 flash 不为空时呈现：

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

【讨论】：