Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法阻止附加在Jquery UI对话框上的表单按钮的默认操作_Javascript_Jquery_Forms - Fatal编程技术网

Javascript 无法阻止附加在Jquery UI对话框上的表单按钮的默认操作

Javascript 无法阻止附加在Jquery UI对话框上的表单按钮的默认操作,javascript,jquery,forms,Javascript,Jquery,Forms,我正在将表单加载到jquery对话框窗口中,但是当我在submit按钮上附加一个click事件时,我无法阻止表单的默认提交,即当用户单击附加的表单提交按钮并且对话框未关闭时,我希望表单不提交。我遇到的问题是,我不能使用jquery选择这个按钮,但是当我在firebug中运行它并且对话框已经打开时,脚本会起作用。 表单是从类在admin.php中创建的 注意:表单在对话框窗口中正确加载,因此ajax很好,但我无法选择并将click事件附加到表单summit按钮,我不想使用对话框按钮。我希望表单按预

我正在将表单加载到jquery对话框窗口中,但是当我在submit按钮上附加一个click事件时,我无法阻止表单的默认提交,即当用户单击附加的表单提交按钮并且对话框未关闭时,我希望表单不提交。我遇到的问题是,我不能使用jquery选择这个按钮,但是当我在firebug中运行它并且对话框已经打开时,脚本会起作用。 表单是从类在admin.php中创建的 注意:表单在对话框窗口中正确加载,因此ajax很好,但我无法选择并将click事件附加到表单summit按钮,我不想使用对话框按钮。我希望表单按预期运行。然后,如果表单位于正常网页上,但不在对话框中,我可以阻止提交按钮操作 如果我是编程新手,请帮助我 这是admin.php中的代码,单击链接时通过Jquery ajax加载

<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');  
});