Успешное сообщение исчезает после первой отправки формы, но не после последующей отправки - PullRequest
1 голос
/ 29 марта 2019

При первом отправлении формы сообщение об успехе отображается, а затем корректно исчезает.Если я снова отправлю форму, это не сработает.Я хочу, чтобы оно повторяло отображение сообщения и последующее исчезновение после каждой отправки формы.

Я нашел этот ответ

Попытка получить флеш-сообщение JQuery после ajax от отправки впоказать снова после более чем одной отправки формы (в рельсах)

, но не смог приступить к работе, я очень новичок во всем этом, так что будьте осторожны; -)

$(document).ready(function() {
$("#editMember").submit(function(e) {
e.preventDefault();
    $.ajax( {

       url: "php/adminUpdateMember.php",
       method: "post",
       data: $("form").serialize(),
       dataType: "text",
       success: function(strMessage) {
       $("#message").text(strMessage);

                    }
                });
            });

     setTimeout(function() {
    $('#message').fadeOut('fast');
            }, 4000);
        });

Ответы [ 2 ]

1 голос
/ 29 марта 2019
$(document).ready(function() {

            $("#editMember").submit(function(e) {

                e.preventDefault();

                $.ajax( {

                    url: "php/adminUpdateMember.php",
                    method: "post",
                    data: $("form").serialize(),
                    dataType: "text",
                    success: function(strMessage) {
                        $("#message").text(strMessage);
                        $('#message').fadeIn('fast');



                    }
                });
                setTimeout(function() {
            $('#message').fadeOut('fast');

            }, 4000);

        });
    });
1 голос
/ 29 марта 2019

Ваш вызов setTimeout () не находится внутри вашего блока submit ().Это вызовет fadeOut 4 секунды после загрузки страницы, и больше не будет вызываться.Вам также может понадобиться вызвать $ ('# message'). Show (), чтобы сделать элемент видимым после его исчезновения.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...