修改设计警报(Rails 3)

我在我的rails应用程序中使用设备,它带有自己的警报/闪光助手。 我修改了它,看起来像这样

  "flash #{key}") %>  

我想要做的是能够通过顶角的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; } 

如果flash不为空,您可以将自定义div包装为仅渲染:

 <% if flash.present? -%> 
...
<% end -%>