设定:
弹出页面:
<html>
<head>
<title>popup page</title>
</head>
<body>
<label for="txtArea">Comments:</label>
<textarea id="txtArea" type="text" rows="5" cols="25">
</textarea>
<input type="submit" value="submit" />
<input type="button" value="cancel" />
</body>
</html>
主页:
<html>
<head>
<title>popup page</title>
</head>
<body>
<a href="#" id="lnkPopup">Post Comment</a>
</body>
</html>
问题:
我想点击主页面中的链接打开弹出页面。这很容易通过这么多可怕的jQuery插件实现,但问题是我想在用户点击submit
或cancel
按钮时关闭弹出窗口。我怎样才能做到这一点?我已经看到了一个示例,其中显示了同一页面中的另一个块,并且我们有IDs
个元素,但没有外部页面。
答案 0 :(得分:1)
由于您已经在使用jQuery,因此可以将弹出窗口打开为模态窗口。
此方案的一个好插件是Fancybox
在模态窗口中,您可以按下提交按钮轻松关闭窗口:
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("form#yourform").submit(function() {
parent.$.fancybox.close();
});});
</script>