2017-02-25 8 views
0

私はload()メソッドを使用してモーダルダイアログを作成しましたが、これを閉じる方法はわかりません。load()を使用してJqueryモーダルを閉じます

buttondiv

を閉じるために

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

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

スクリプト:AddModal内にロード

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

AddCustomerModal

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

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

スクリプトモーダルを呼び出すために

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

答えて

0

あなたの問題は、ページにコンテンツを読み込む前に.btnCloseModalが存在しないことです。実際には、clickイベントをこの要素に(まだ)添付することはできません。

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

ソリューションは#AddModal要素にclickイベントを添付し、内部.btnCloseModal要素をチェックすることです

関連する問題