Javascript 无法阻止附加在Jquery UI对话框上的表单按钮的默认操作
我正在将表单加载到jquery对话框窗口中,但是当我在submit按钮上附加一个click事件时,我无法阻止表单的默认提交,即当用户单击附加的表单提交按钮并且对话框未关闭时,我希望表单不提交。我遇到的问题是,我不能使用jquery选择这个按钮,但是当我在firebug中运行它并且对话框已经打开时,脚本会起作用。 表单是从类在admin.php中创建的 注意:表单在对话框窗口中正确加载,因此ajax很好,但我无法选择并将click事件附加到表单summit按钮,我不想使用对话框按钮。我希望表单按预期运行。然后,如果表单位于正常网页上,但不在对话框中,我可以阻止提交按钮操作 如果我是编程新手,请帮助我 这是admin.php中的代码,单击链接时通过Jquery ajax加载Javascript 无法阻止附加在Jquery UI对话框上的表单按钮的默认操作,javascript,jquery,forms,Javascript,Jquery,Forms,我正在将表单加载到jquery对话框窗口中,但是当我在submit按钮上附加一个click事件时,我无法阻止表单的默认提交,即当用户单击附加的表单提交按钮并且对话框未关闭时,我希望表单不提交。我遇到的问题是,我不能使用jquery选择这个按钮,但是当我在firebug中运行它并且对话框已经打开时,脚本会起作用。 表单是从类在admin.php中创建的 注意:表单在对话框窗口中正确加载,因此ajax很好,但我无法选择并将click事件附加到表单summit按钮,我不想使用对话框按钮。我希望表单按预
<form action="process.php" method="post" id="edit_form">
<input type="submit" name="event_submit" value="Create" />
<a href="./">cancel</a>
</fieldset>
</form>
当按钮事件由jQuery UI动态创建时,您需要使用事件委派来确保按钮事件已绑定:
$(document).on("click","#edit_form input[type=submit]", function(event){
event.preventDefault();
alert('You clicked a button');
});
请查看详细解释该概念的文档。尝试以下方法:
$(document).on("click", "#edit_form input[type=submit]",function(event){
event.preventDefault();
alert('You clicked a button');
});
试一试
附加的DOM对象也将具有事件
$(body).delegate("#edit_form input[type=submit]","click",function(event)
{
event.preventDefault();
alert('You clicked a button');
});
谢谢你的回复,但这不起作用当我点击按钮时试试看你的回复,但这不起作用当我点击按钮时试试看谢谢这一个在除mozilla之外的所有其他浏览器中都起作用,但这是我观察到的一个问题。。。
$(body).delegate("#edit_form input[type=submit]","click",function(event)
{
event.preventDefault();
alert('You clicked a button');
});