关闭 jQuery 弹出（外部页面）窗口

发布于 2024-10-31 03:06:24 字数 877 浏览 6 评论 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 插件可以轻松实现这一点，但问题是我想在用户单击“提交”或“取消”按钮时关闭弹出窗口。我怎样才能实现这个目标？我见过一些示例，其中显示了同一页面的另一个块，并且其中有元素的 ID，但没有外部页面。

原文

Setup:

Popup Page:

<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>

Main Page:

<html>
    <head>
        <title>popup page</title>
    </head>
    <body>
        <a href="#" id="lnkPopup">Post Comment</a>
    </body>
</html>

Problem:

I want to open the popup page on clicking of link in main page. This is easily achievable with so many awsome jQuery plugins, but tht problem is that I want to close the popup when user clicks submit or cancel button. How can I achieve this? I have seen exemples where another block from same page is shown and we have IDs of elements in it but not the external page.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

孤独岁月 2024-11-07 03:06:24

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

对于这种情况，一个很好的插件是 Fancybox

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

<script type="text/javascript" language="javascript">
  $(document).ready(function(){
    $("form#yourform").submit(function() {
       parent.$.fancybox.close();
     });});
</script>

As you are already using jQuery you could open your popup as a modal window.

One good plugin for this scenario is Fancybox

From within the modal window you can easily close the window pressing the submit button:

<script type="text/javascript" language="javascript">
  $(document).ready(function(){
    $("form#yourform").submit(function() {
       parent.$.fancybox.close();
     });});
</script>

回复收藏 0 原文

~没有更多了~