javascript - jQuery ajax 表单提交 - 如何确保使用动态加载的表单操作

Question

我在动态加载表单时遇到问题 - 而不是使用新加载表单的 action 属性，我的 jquery 代码仍在使用第一个加载表单的 action 属性。我有以下代码:

//generic ajax form handler - calls next page load on success
    $('input.next:not(#eligibility)').live("click", function(){
        $(".form_container form").validationEngine({
            ajaxSubmit: true,
            ajaxSubmitFile: $(this).attr('action'),
            success :  function() {
                var url = $('input.next').attr('rel');
                ajaxFormStage(url);
            },
            failure : function() {
            }
        });
    });

但是当加载下一个表单时，上面的代码并没有获取新的 action 属性。我已尝试在成功加载 ajax 时将上述代码添加到我的回调中(如下所示)，但这没有任何区别。

有人可以帮忙吗？非常感谢

function ajaxFormStage(url)
{

        var $data = $('#main_body #content');

        $.validationEngine.closePrompt('body'); //close any validation messages

        $data.fadeOut('fast', function(){
            $data.load(url, function(){
                $data.animate({
                    opacity: 'show'
                }, 'fast');
    ');


                //generic ajax form handler - calls next page load on success
                $('input.next:not(#eligibility)').live("click", function(){
                    $(".form_container form").validationEngine({
                        ajaxSubmit: true,
                        ajaxSubmitFile: $(this).attr('action'),
                        success :  function() {
                            var url = $('input.next').attr('rel');
                            ajaxFormStage(url);
                        },
                        failure : function() {
                        }
                    });
                });
            });
        });

Answer 1

我相信这是因为在这一行使用了 $(this)

ajaxSubmitFile: $(this).attr('action')

您总是获得第一个表单的操作。

我认为您需要另一个选择器来获取最接近点击输入的表单。

希望你明白我的意思:]