闪现消息淡出效果

Question

我想使用一个带有淡入淡出效果的flash消息，使用jQuery。能否有人建议最好的方法？

- chaz hamilton

Answer 1

当然可以：

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

jsFiddle示例

- Jacob Relkin

---

无法使fadeIN工作，但out很好--如果感兴趣，请参见http://stackoverflow.com/questions/24278586/fade-not-working-for-flash-message-in-rails。谢谢老板！ - Peege151

Answer 2

这是对Jacob上面答案的修改。 如果某物最初没有被隐藏，就不能淡入它。

操作步骤： 将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)

- Pavan Katepalli