为什么从 UpdatePanel 内部打开时弹出窗口不关闭

Question

JQuery（在我的网络表单中的 head 函数内）：

function DoThisEM() {
    centerPopupEM();
    loadPopupEM();
}

function DoThatEM() {
    disablePopupEM();
}
var popupStatusEM = 0;
//loading popup with jQuery magic!
function loadPopupEM() {
    //loads popup only if it is disabled
    if (popupStatusEM == 0) {
        $("#backgroundPopupEM").css({
            "opacity": "0.7"
        });
        $("#backgroundPopupEM").fadeIn("slow");
        $("#popupContactEM").fadeIn("slow");
        popupStatusEM = 1;
    }
}
//disabling popup with jQuery magic!
function disablePopupEM() {
    //disables popup only if it is enabled
    if (popupStatusEM == 1) {
        $("#backgroundPopupEM").fadeOut("slow");
        $("#popupContactEM").fadeOut("slow");
        popupStatusEM = 0;
    }
}
//centering popup
function centerPopupEM() {
    //request data for centering
    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight;
    var popupHeight = $("#popupContactEM").height();
    var popupWidth = $("#popupContactEM").width();
    //centering
    $("#popupContactEM").css({
        "position": "absolute",
        "top": windowHeight / 2 - popupHeight / 2,
        "left": windowWidth / 2 - popupWidth / 2
    });
    //only need force for IE6

    $("#backgroundPopupEM").css({
        "height": windowHeight
    });
}

$("body").on('click', "#popupContactCloseEM", function (e) {
    //e.preventDefault();
    alert('popupContactCloseEM');
    disablePopupEM();
});
$("body").on('click', "#backgroundPopupEM", function (e) {
    //e.preventDefault();
    alert('backgroundPopupEM');
    disablePopupEM();
});

网格视图：

弹出窗口（单击任何 edit 图标时：

我不知道为什么，但是当我点击 x 或弹出窗口周围的背景时，没有调用 disablePopupEM 函数来关闭它。我什至添加了一个测试 alert，但我也没有看到。

请帮我解决问题。

Answer 1

对我来说，这听起来与此非常相似：您将 click handlers 分配给尚不存在的 elements，因为 DOM 尚未完成加载（例如 JavaScript 在 HTML).

之前初始化

我会尝试将 click handlers 附加到 $(document).ready() 函数中，一旦 DOM 完全加载就会调用它 - 然后 elements 可用并且它们将附在您的 handler.

上

$(document).ready(function() {
    $("body").on('click', "#popupContactCloseEM", function (e) {
        //e.preventDefault();
        alert('popupContactCloseEM');
        disablePopupEM();
    });
    $("body").on('click', "#backgroundPopupEM", function (e) {
        //e.preventDefault();
        alert('backgroundPopupEM');
        disablePopupEM();
    });
});

如你所见，你只需要用那个ready函数包围它。

为什么从 UpdatePanel 内部打开时弹出窗口不关闭

Why doesn't the pop up close when opened from inside an UpdatePanel

javascript

c#

asp.net

jquery

gridview