Подтвердить что ты не робот

Эффект затухания флэш-сообщения

Я пытаюсь использовать флэш-сообщение с эффектом fade in и out с помощью jQuery. может ли кто-нибудь предложить лучший способ сделать это?

Конечно:

$(function() {
   $('#flash').delay(500).fadeIn('normal', function() {
      $(this).delay(2500).fadeOut();
   });
});

Это модификация ответа Яакова выше. Вы не можете исчезнуть в чем-то, что не скрыто изначально.

Инструкция:

поместите идентификатор флеш-памяти в ваше флеш-сообщение, например (мои флеш-сообщения хранятся здесь app/views/layouts/_flashmessages.html.erb):

<% flash.each do |key, value| %>
    <div class="well lead" id="flash"><%= value %></div>
<% end %>

создайте новый файл под названием assets/javascripts/flash.js.coffee

поместите это в (остерегайтесь пробелов, убедитесь, что все углубления являются вкладками):

jQuery ->

    $('#flash').hide().delay(800).fadeIn(800).delay(4000).fadeOut(800)