Question

第一次提交表单时，会显示成功消息，然后正确消失。如果我再次提交表单，那么它将无法正常工作。我希望它重复显示消息并在每次提交表单后淡出。

我找到了这个答案

Trying to have a JQuery flash message after an ajax from submit in show again after more than one form submit (in rails)

但是无法上班，我对这一切都很陌生，所以要谦虚;-）

$(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);
        });

Answer 1

您的setTimeout（）调用不在您的commit（）块内。页面加载后，它将触发渐变4次，而不被再次调用。您可能还需要调用$（'＃message'）。show（），以使元素淡出后可见。

Answer 2

$(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);

        });
    });

第一次提交表单后，成功消息消失，但随后的提交之后，成功消息消失

2 个答案: