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

Question

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

Answer 1

Sure:

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

jsFiddle пример

Answer 2

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

Инструкции:

вставьте идентификатор флэш-памяти в ваше флэш-сообщение, например так (мои флэш-сообщения хранятся здесь app / views / layout / _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)