Javascript Load（）函数后绑定submit（）函数（jQuery）

我使用jQuery的load（）函数动态更改页面上的内容。它是一个具有不同“级别”的应用程序，但URL从不更改

除了我使用的最后一个屏幕外，它工作正常。我有一个带有文本输入等的表单，我需要为其创建一些表单验证，但我无法在（'submit'）上获得

以在页面加载后工作。我在load函数上使用了回调函数，并对
final_page.php
上的内容运行了一些简单的jQuery CSS等，因此我知道在加载内容后，它成功地运行了该函数

我现在只想对表单应用一个
preventDefault（）
，以确认它是否正常工作，但是每次我到达最后一页时表单都会提交，所以看起来
on（）
函数没有绑定到表单选择器

提交和加载是否存在某种冲突

$('#main_content').load('final_page.php', function(){
    $('#main_content').css({'height':'auto','padding-bottom':'25px','background':'#086c8c'});
    $('#hidden_input').attr('value', 'complete');

    //GOOD UP TO THIS POINT

    $('#final_form').on('submit',function(e){               
        e.preventDefault();
    });
});

该代码看起来不错，这告诉我们，要么你的表单没有
id=“final_form”
，要么你有多个元素具有该
id
（这是无效的）。我想这篇文章有你的答案@theinsanone:Delegation是一种有用的方法，但如果表单有
id
（根据需要，
id
是唯一的）。委托不是必需的，根据实际问题的不同，委托可能有用，也可能无用。您可以记录
$（'final_form'）。length
的值，以查看元素是否使用
console.log（'testing'，$（'final_form'）。length，$（'id=final_form'）。length）
在load callbackGood call@ArunPJohny中，我现在就试试。