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;

                });


            });
        }
    });
});