我正在使用jQuery的load()函数动态更改页面上的内容。它是一个具有不同“级别”的应用程序,但URL永远不会改变。
除了我正在使用的最终屏幕外,它工作正常。我有一个带有文本输入的表单,我需要创建一些表单验证,但是在页面加载后我无法使on('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();
});
});