如何让我的错误消息淡出?在RubyOnRails 3中

ahm*_*met 6 jquery fadeout ruby-on-rails-3

我想表明的错误

flash[:error] = "Invalid username/password combination."
Run Code Online (Sandbox Code Playgroud)

我试过了

$(document).ready( function() {// When the Dom is ready
    $('.error').hide();//Hide the div
    $('.alert').hide();
    $('.notice').hide();
    $('.success').hide();
    $('.info').hide();

    $(".error").fadeOut(2000); //Add a fade out effect that will last for 2000 millisecond
    $(".alert").fadeOut(2000);
    $(".notice").fadeOut(2000);
    $(".success").fadeOut(2000);
    $(".info").fadeOut(2000);

});
Run Code Online (Sandbox Code Playgroud)

没有成功..我已经包含了javascript文件

<%= javascript_include_tag 'jquery-1.3.2' %>
Run Code Online (Sandbox Code Playgroud)

Bob*_*ich 6

您无法获取错误消息.

flash[:error] = "Invalid username/password combination."
Run Code Online (Sandbox Code Playgroud)

只输出原始文本.

 flash[:error] = "<div class='error'>Invalid username/password
 combination.</div>"
Run Code Online (Sandbox Code Playgroud)

将它包装在一个容器中.

然后你可以使用jQuery淡出容器.

$(".error").fadeOut(2000); 
Run Code Online (Sandbox Code Playgroud)