javascript - 在 Rails 中显示闪光通知的最佳方式

Question

我在 Rails 和 Devise 中使用通知，想知道显示它们的最佳方式是什么？

在我的应用程序中，我也有它，所以当用户保存帖子时，它使用 Ajax 保存它，我使用 jQuery 来显示通知。

对于我使用的所有通知:

<% flash.each do |key,msg| %>
    <div class="message" id="<%= key %>">
        <div class="message-inner">
            <%= content_tag :div, msg %>
            <a class="dismiss">x</a>
        </div>
    </div>
<% end %>

代码是:

$("#notice").html("Saved.");

我希望它是一个闪光通知，以便它从顶部滑下并在几秒钟后再次滑回。

由于我在保存帖子时使用 jQuery 作为通知而不是使用 Rails 通知，这意味着我必须有一个 <div id="notice"></div>以及 flash.each在 application.html.erb 文件中。

我能否将它们全部加在一起，以便我只使用一个通知并让它从顶部向下滑动，然后在几秒钟后滑出？

Answer 1

我会默认隐藏通知。然后调用

$('#notice').html("Saved.").slideDown(500).delay(3000).slideUp(500)

您可以将 jQuery 方法中的数字调整为您想要的动画时间。