0

设置：

弹出页面：

<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" />&nbsp;
            <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元素，但没有外部页面。

4

1 回答 1

1

由于您已经在使用 jQuery，您可以将弹出窗口作为模式窗口打开。

这种场景的一个很好的插件是Fancybox

在模态窗口中，您可以按提交按钮轻松关闭窗口：

<script type="text/javascript" language="javascript">
  $(document).ready(function(){
    $("form#yourform").submit(function() {
       parent.$.fancybox.close();
     });});
</script>
于 2011-04-06T18:57:27.367 回答