Question

在某些... controller.rb我有字符串

redirect_to posts_path, notice: 'Login or register'

在某些... views.html.erb

  <% if notice.present? %>
 <div class="alert alert-info fade in">
    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
    <strong><%= notice %></strong> 
  </div>
<% end %>

在application.js中我添加

$(".alert-info" ).fadeOut(3000);
$(".alert" ).fadeOut(3000);
$(".alert-success" ).fadeOut(3000);
$(".alert-danger" ).fadeOut(3000);

但警惕，不想自我关闭

我做错了什么？

Answer 1

我认为您正在使用jquery。您必须使用jquery $('.alert').delay(5000).fadeOut();方法调用$(document).ready，以确保在DOM加载后执行脚本。

首先请务必将application.js添加到布局页面。

添加以下代码

$(document).ready( function() {
    $('.alert').delay(5000).fadeOut();
  });

demo

自动关闭通知：

1 个答案: