修改设计警报(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 -%>