Question

我使用了load（）方法创建了一个模态对话框，但现在我不知道如何关闭它。

button和div：

<a href="#" id="btnAdd">Add</a>

<div id="AddModal" style="display:none"></div>

调用模态的脚本：

$("#btnAdd").click(function () {
    $("#AddModal").load("/Customer/Modal/AddCustomerModal.aspx").show();
});

AddCustomerModal已加载到AddModal：

中

<body>
    <div id="AddModalContent">
        <h3>MODAL</h3>

        XYZ<br />
        <input type="button" class="btnCloseModal" value="Close" />
    </div>
</body>

要关闭的脚本

$(".btnCloseModal").click(function () {
        $("#AddModal").hide();
});

Answer 1

您的问题是.btnCloseModal在您将内容加载到您的网页之前不存在，因此您无法将click事件真正附加到此元素（还有）。

解决方案是将click事件附加到#AddModal元素，并检查内部的.btnCloseModal元素：

$("#AddModal").on('click', '.btnCloseModal', function () {
    $("#AddModal").hide();
});

使用load（）

1 个答案: