在 Rails 中显示 Flash 通知的最佳方式

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 通知，这意味着我必须在 application.html.erb 文件中有一个 <div id="notice"></div> 和 flash.each。

我可以将它们全部加起来，这样我只使用一个通知并让它从顶部滑下，然后在几秒钟后滑开吗？

Answer 1

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

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

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