jQuery: скрытые сообщения отображаются каждый раз, когда я получаю или обновляю веб-страницу

Question

Я сделал сообщение, которое появляется при нажатии кнопки «Сохранить» на веб-странице и исчезает через несколько секунд, но есть две проблемы. Во-первых, когда я нажимаю ссылку на эту страницу, я получаю сообщение сразу после появления веб-страницы. Вот код:

    $(".success").fadeIn(1500).delay(2500).fadeOut(2000);

А вот еще один добавленный код, который имеет проблему с очень коротким временем отображения сообщения. Msg исчезает в миллисекундах.

    $("#button").click(function(){
    $(".success").fadeIn(1500).delay(2500).fadeOut(2000);});

Мой друг сказал мне, что это может быть причиной обновления всей страницы после нажатия кнопки «Сохранить».

Вторая проблема заключается в том, что если я нажму кнопку «Сохранить» на какой-либо другой вкладке (я использую вкладки jQuery), она вернет меня на первую вкладку. Как я могу оставаться на текущей вкладке после этого действия?

Answer 1

Если вы вызываете это в $ (document) .ready или аналогичных функциях событий, это будет выполнено немедленно для всех элементов, имеющих класс "success".

$ (". Success").fadeIn (1500) .delay (2500) .fadeOut (2000);

Поскольку вы недостаточно опубликовали здесь свою реализацию javascript, невозможно точно знать, в чем проблема.Мы также ничего не знаем об элементах, на которые воздействуют эти строки.

Answer 2

кнопка это ссылка? Может быть, вам просто нужно остановить распространение событий, посмотрите на это .

В основном только до

$("#button").click(function(evt){
$(".success").fadeIn(1500).delay(2500).fadeOut(2000);
evt.stopPropagation();
});