我有一个 jQuery 模态对话框,其中包含一个 iframe,该 iframe 包含一个表单。当用户提交表单时,我想关闭模式对话框。
我怎样才能做到这一点?
index.php 上的 jquery 模态脚本:
<script type="text/javascript">
function showRegDialog(url) {
$(function() {
var $this = $(this);
var horizontalPadding = 30;
var verticalPadding = 30;
$('<iframe id="externalSite" scrolling="no" frameborder="0" class="externalSite" src="' + url + '" />').dialog({
title: ($this.attr('title')) ? $this.attr('title') : 'Choose your location',
autoOpen: true,
width: 700,
height: 700,
modal: true,
resizable: true,
autoResize: true,
overlay: {
opacity: 0.5,
background: "black"
}
}).width(700 - horizontalPadding).height(700 - verticalPadding);
});
}
</script>
index.php 上的链接调用 showRegDialog 模式:
<a href="javascript:showRegDialog('/register.php');">Register now</a>
这是register.php的内容
<html>
<body>
<form action="" method="POST">
<input type="text">
<input type="submit">
</form>
</body>
</html>
在父窗口中调用 javascript 函数,如下所示:
parent.yourJsFunction();
将其放入表单中的“onsubmit”中。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)