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

Best way to display flash notices in Rails

本文关键字：最佳 方式 通知 flash Rails 显示      更新时间：2023-09-26

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

在我的应用程序中，我也有它，所以当用户保存一个帖子时，它使用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。

我可以把它们加在一起，这样我就只使用一个通知，并且它可以从顶部滑下来，然后在几秒钟后滑出来吗?

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

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

你可以在jQuery方法中调整数字，无论你想要的动画时间

相关文章：