自动关闭通知：

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 $(document).ready 方法调用 $('.alert').delay(5000).fadeOut(); 以确保脚本在 DOM 加载后执行。

首先确保将 application.js 添加到布局页面。

添加以下代码

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

demo

自动关闭通知：

Auto close notice:

ruby

erb

twitter-bootstrap

ruby-on-rails-4