Я добавил этот код, который создает угасание предупреждения об успешности при его вызове. Когда я нажимаю save, предупреждение исчезает только onlce, но во второй раз, когда я нажимаю "Сохранить", этого не происходит. Предупреждение остается там, пока я не закрою его. Я хочу, чтобы fade работал каждый раз, когда я нажимаю save.
$("#successalert").show(function(){
$(".alert").delay(4600).addClass("in").fadeOut(1000)
});
Повторите попытку addclass (". In") в событии клика и удалите его в анимации:
$("#yourButton").on("click",function(){
$(".alert").addClass(".in");
$("#successalert").show(function(){
$(".alert").delay(4600).addClass("in").fadeOut(1000, function(){
$(this).removeClass('in');
});
});
});
Без дальнейшего кода трудно диагностировать, но вы можете попробовать изменить код:
$("#successalert").show(function(){
$(".alert").delay(4600).addClass("in").fadeOut(1000, function(){
$(this).removeClass('in');
})
});
Это приведет к сбросу .alert
в исходное состояние перед тем, как будет показано, удалив прикладное in
классе в конце замирания.
Чтобы получить повторяющееся поведение, вы должны сбросить все, что вы сделали. После вашего первого .fadeOut()
вам нужен код, который сбрасывает то, что вы сделали. В .removeClass('in')
вы должны .removeClass('in')
, .hide('#successalert')
и .show('.alert')
.hide('#successalert')
, чтобы сбросить код в исходное состояние.
.in
?