ASP.NET回發后關閉jQuery Modal對話框再次將其打開

Question

我有一個HTML鏈接，可打開一個包含iFrame的jQuery模式對話框。 此iFrame包含一個表單，該表單應在回發后關閉對話框（ Ok或Cancel ）。

在我的回發中，我向iFrame添加了Javascript函數，該函數關閉了對話框，並且效果很好。 但是問題是，在用戶按下“ Ok或“ Cancel按鈕后，對話框關閉並再次打開！ 我究竟做錯了什么？

這是我的代碼：

調用HTML頁面：

<html>
<head>
    <link rel="stylesheet" type="text/css" href="theme/south-street.css" media="screen" id="themeCSS" />

    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#dlgConfirm").dialog({
                autoOpen: false,
                resizable: false,
                modal: true,
                width: 550,
                height: 300,
                close: function (event, ui) { alert('closed') }
            })
        });


        function fConfirm(tId) {
            alert('ddd');
            $('#dlgConfirm').children().attr('src', 'ConfirmTracking.aspx?tId=' + tId)
            .load(function () {
                $("#dlgConfirm").dialog('open');
            });
            return false;
        }
    </script>
</head>
<body>
    <div style="display: none">
        <div id="dlgConfirm" title="Confirm Tracking" style="padding: 0px">
            <iframe style="margin: 0px; padding: 0px" marginheight="0" marginwidth="0" src="" width="100%" height="100%" frameborder="0"></iframe>
        </div>
    </div>

    <a href="#" onclick="return fConfirm('109')">Click me</a>
</body>
</html>

iFrame頁面

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ConfirmTracking.aspx.cs" Inherits="Chicken.ConfirmTracking" %>
<html>
<head runat="server">
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
    <script type="text/javascript">
        function CloseThis() {
            parent.$('#dlgConfirm').dialog('close');
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <br />
        <asp:TextBox ID="edtTrackingNo" runat="server"></asp:TextBox>
        <br /><br />
    <asp:Button ID="btnOk" runat="server" Text="Ok" />
    <asp:Button ID="btnCancel" runat="server" onclick="Cancel_Click" Text="Cancel" />
    </form>
</body>
</html>

iFrame代碼背后：

using System;

namespace Chicken {
    public partial class ConfirmTracking: System.Web.UI.Page {
        protected void Page_Load(object sender, EventArgs e) {

        }

        protected void Cancel_Click(object sender, EventArgs e) {
            ClientScript.RegisterClientScriptBlock(this.GetType(), "none", "<script>$(function(){CloseThis()});</script>");
        }
    }
}

Answer 1

我設法跟蹤了您的問題，在關閉對話框后， function fConfirm(tId)的加載再次觸發。 這似乎是一個錯誤。 解決此問題的一種麻煩方法是在頁面上添加一個全局變量，並將其設置為true，以表明該對話框是通過函數打開的，如果變量為true，則在打開對話框之前打開對話框。 不要再將變量設置為false了，這樣就可以在需要時重新打開對話框。

您的函數將如下所示：

    var loadedByFunction = false;

    function fConfirm(tId) {
        loadedByFunction = true;
        $('#dlgConfirm').children().attr('src', 'ConfirmTracking.aspx?tId=' + tId)
        .load(function () {
            if (loadedByFunction) {
                loadedByFunction = false;
                $("#dlgConfirm").dialog('open');
            }
        });
        return false;
    }

ASP.NET回發后關閉jQuery Modal對話框再次將其打開

問題描述

1 個解決方案

解決方案1
1 已采納 2012-03-05 04:20:08

ASP.NET回發后關閉jQuery Modal對話框再次將其打開

問題描述

1 個解決方案

解決方案1 1 已采納 2012-03-05 04:20:08

解決方案1
1 已采納 2012-03-05 04:20:08