Flash消息淡入淡出效果

Question

我正在尝试使用jQuery使用淡入淡出效果的Flash消息。有人可以建议最好的方法吗？

Answer 1

不确定

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

jsFiddle example

Answer 2

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

说明：

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

<% flash.each do |key, value| %>
    <div class="well lead" id="flash"><%= value %></div>
<% end %>

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

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

jQuery ->

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