>im 尝试在成功提交 HTML 表单时启动 jquery 对话框窗口。我一直在尝试这样做，但目前它没有打开 jquery 对话框，它不会做任何事情。
请有人帮助我，告诉我我需要做什么才能在提交时打开一个 jquery 对话框。
<head>
<script>
function muModal(f)
{
var form=f,
modal=$('<div/>', {
'id':'alert',
'html':'<iframe src="http://heera.it"></iframe>'
})
.dialog({
'title':'Iframe in a modal window',
'modal':true,
'width':350,
'height':'auto',
'buttons': {
'OK': function() {
$(this).dialog( "close" );
// do something, maybe call form.submit();
}
}
});
return false;
}
</script>
</head>
<body>
<form method="post" action="" onsubmit="return muModal(this)">
<input type="submit" value="Submit" />
</form>
</body>
$("#submitButton").click(function()
{
openWindow();
$('#form').submit();
}
or
$("#form").submit(function() {
//open window
});
您需要将对话框添加到页面的某个位置：
function muModal(f)
{
var form=f,
modal=$('<div/>', {
'id':'alert',
'html':'<iframe src="http://heera.it"></iframe>'
}).appendTo(f);
modal
.dialog({
'title':'Iframe in a modal window',
'modal':true,
'width':350,
'height':'auto',
'buttons': {
'OK': function() {
$(this).dialog( "close" );
// do something, maybe call form.submit();
}
},
'close' : function() { $(this).remove() }
});
return false;
}