Fancybox AJAX -如何在回发后关闭对话框

Question

我的ShowData.aspx页面上有一个链接，我在上面调用了fancybox。

<a href="EditData.aspx" id="editLink">Edit Data</a>

我的JQuery代码是：

$("#editLink").fancybox({
                        'opacity': true,
                        'overlayShow': true,
                        'transitionIn': 'elastic',
                        'transitionOut': 'none'                                                        
                    });

表单EditData.aspx包含一个保存按钮。我的问题是，在我点击保存按钮后，对话框并没有关闭。此外，在服务器上执行保存后，客户端页将重定向到EditData.aspx。

预期的结果是对话框关闭，我返回到父页面(ShowData.aspx)。

谢谢!

Answer 1

我最终使用的是iFrame。这似乎可以完成这项工作。

MainPage.aspx

<div id="divClick"><iframe src="Postback.aspx"></iframe></div>

JQuery：

 $(function () {
       $("#divClick").dialog({
          modal: true,                
          title: 'iFrame Page',
          width: 500,
          height: 500
       });
   }); 

Postback.aspx中的JQuery插件运行良好，回发不会关闭对话框并重定向主页。

Answer 2

我删除了fancybox，发现在常规的JQuery对话框中也会出现这个问题。如果你加载一个有提交按钮的页面(或者以任何方式返回)，那么你的对话框将消失，你的主页将重定向到对话框页面。下面是一个简单的测试：

HTML：

<div id="divClick"></div>

JQuery：

$(function () {
            $("#divClick").dialog({
                modal: true,
                open: function () {
                    $(this).load('Postback.aspx');
                },
                title: 'Ajax Page'
            });
        });   

Postback.aspx：

<body>
    <form id="form1" runat="server">
    <div>

    </div>
    Enter Name:
    <asp:TextBox ID="txtName" runat="server"></asp:TextBox>
    <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
    </form>
</body>

有没有办法将事件附加到对话框中的回发？

此外，我修改了Postback.aspx以包含jscolor.js (一个JQuery插件)，看看它是否能工作，它不能工作。任何JQuery功能在对话框中似乎都不起作用。