Оповещение об успешном сохранении исчезает только один раз?

0

Я добавил этот код, который создает угасание предупреждения об успешности при его вызове. Когда я нажимаю save, предупреждение исчезает только onlce, но во второй раз, когда я нажимаю "Сохранить", этого не происходит. Предупреждение остается там, пока я не закрою его. Я хочу, чтобы fade работал каждый раз, когда я нажимаю save.

      $("#successalert").show(function(){
        $(".alert").delay(4600).addClass("in").fadeOut(1000)
        });
  • 0
    что содержит класс .in ?
  • 0
    Нажмите сохранить где? Нужно больше кода - что вы на самом деле нажимаете?

3 ответа

0
Лучший ответ

Повторите попытку addclass (". In") в событии клика и удалите его в анимации:

$("#yourButton").on("click",function(){
    $(".alert").addClass(".in");
    $("#successalert").show(function(){
        $(".alert").delay(4600).addClass("in").fadeOut(1000, function(){
            $(this).removeClass('in');
       });
    });
  });
  • 0
    Спасибо - работает очень хорошо!
0

Без дальнейшего кода трудно диагностировать, но вы можете попробовать изменить код:

$("#successalert").show(function(){
        $(".alert").delay(4600).addClass("in").fadeOut(1000, function(){
                $(this).removeClass('in');
        })
});

Это приведет к сбросу .alert в исходное состояние перед тем, как будет показано, удалив прикладное in классе в конце замирания.

  • 0
    Спасибо за ваш ответ, действительно ценю это - все еще делает то же самое - только исчезает один раз. Это работает снова, когда я обновляю страницу и нажимаю сохранить снова, но снова только один раз.
0

Чтобы получить повторяющееся поведение, вы должны сбросить все, что вы сделали. После вашего первого .fadeOut() вам нужен код, который сбрасывает то, что вы сделали. В .removeClass('in') вы должны .removeClass('in'), .hide('#successalert') и .show('.alert') .hide('#successalert'), чтобы сбросить код в исходное состояние.

  • 0
    Спасибо. Знаете ли вы, есть ли хорошие примеры того, как это делается?

Ещё вопросы

Сообщество Overcoder
Наверх
Меню