javascript - jquery - 在表单呈现之前提交表单

Question

我正在使用这段代码：

$(document).ready(function () {
$("#step1_next").validate({
    submitHandler: function(form) {
        $.post('step2.php', $("#step1_next").serialize(), function(data) {
            $('#step2_div').html(data);


            $("#step2_form").on("submit", function() {

                $.post('../model/step2.php', $("#step2_form").serialize(), function(data) {
                    $('#step2_controller').html(data);
                });

                return false;

            });


        });
    }
});
});

基本上，我想要做的是，当 step2.php 被渲染时，另一个 ajax 函数被附加到 step2_form （在 step2.php 内）。

此代码不起作用可能是因为尚未加载“step2_form”。我能做些什么？

Answer 1

使用.on()使用事件委托

$(document).ready(function () {
    $("#step1_next").validate({
        submitHandler: function(form) {
            $.post('step2.php', $("#step1_next").serialize(), function(data) {
                $('#step2_div').html(data);


                $(document).on("submit", "#step2_form", function() {

                    $.post('../model/step2.php', $("#step2_form").serialize(), function(data) {
                        $('#step2_controller').html(data);
                    });

                    return false;

                });


            });
        }
    });
});