使用load關閉一個jquery模式（）

我做了一個使用load（）方法的模式對話框，但現在我不知道如何關閉它。使用load關閉一個jquery模式（）

的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(); 
});

來源

2017-02-25 JDZ

您的問題是，在將其內容加載到頁面之前，.btnCloseModal不存在，因此您無法真正將click事件附加到此元素（尚）。

的解決方案是將click事件附加到#AddModal元件，並檢查.btnCloseModal元素內：

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

來源

2017-02-25 03:16:24 Dekel

使用load關閉一個jquery模式（）

回答

相關問題