Flash消息淡入淡出效果

我正在尝试使用带有淡入淡出效果的flash消息使用jQuery 。 有人可以建议这样做的最佳方式吗？

Answer 1

当然：

 $(function() { $('#flash').delay(500).fadeIn('normal', function() { $(this).delay(2500).fadeOut(); }); }); 

jsFiddle示例

Answer 2

这是雅各布上述答案的修改。 你不能淡化最初没有隐藏的东西。

说明：

将flash的id放入你的flash消息中，就像这样（我的flash消息存储在这里app / views / layouts / _flashmessages.html.erb）：

 <% flash.each do |key, value| %> 
<%= value %>
 <% end %> 

创建一个名为assets / javascripts / flash.js.coffee的新文件

把它放进去（小心空格，确保所有缩进都是标签）：

 jQuery -> $('#flash').hide().delay(800).fadeIn(800).delay(4000).fadeOut(800)