jquery - 让Flash消息在rails中的同一页面中消失

Question

我想让闪现消息在几秒钟后消失。所以我使用这些代码:

$(function() {
  $('.alert').slideUp(1500);
});

.alert 是我添加到 flash 消息中的 Bootstrap 类。

而我的应用程序只能通过omniauth实现用户登录/注销功能。 (对于 facebook 和 google plus)登录/注销代码列在最后。

当我登录时，闪现消息如我想象的那样消失了。但是当我注销时，闪光并没有消失。

但是如果我使用这些代码，这个函数就会正常工作。 (但与我想要的略有不同)

$(function() {
  setInterval(function(){
    $('.alert').slideUp(500);
  }, 1000);
});

登录/退出代码:

class SessionsController < ApplicationController
  def create
    auth_data = request.env['omniauth.auth']
    auth = Authorization.find_by( provider: auth_data['provider'], uid: auth_data['uid'] ) 
    user = auth.nil? ? User.create_with_omniauth(auth_data) : auth.user
    session[:user_id] = user.id
    if !user.email
      redirect_to edit_user_path(user), :alert => "Please enter your email address."
    else
      redirect_to root_url, :notice => "Signed in!"
    end
  end

  def destroy
    reset_session
    redirect_to root_url, :notice => "Signed out!"
  end

  def new
  end

  def failure
    redirect_to root_url, :alert => "Authentication error: #{params[:message].humanize}"
  end
end

Answer 1

试试这个

$(function() {
  setTimeout(function(){
    $('.alert').slideUp(500);
  }, 1000);
});