Schließen Sie ein Jquery-Modal mit load()

Ich habe einen modalen Dialog verwendet load() -Methode, aber jetzt weiß ich nicht, wie man es schließt.Schließen Sie ein Jquery-Modal mit load()

Die button und div:

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

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

Script die modal aufzurufen:

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

AddCustomerModal innerhalb des AddModal geladen:

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

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

Script

zu schließen

Quelle

2017-02-25 JDZ

Ihr Problem ist, dass die .btnCloseModal nicht existiert, bevor Sie ihren Inhalt in Ihre Seite laden, so dass Sie das Ereignis click diesem Element (noch) nicht wirklich beifügen können.

Die Lösung ist, das click Ereignis des #AddModal Element, und prüfen, ob das Element innerhalb .btnCloseModal anbringt:

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

Quelle

2017-02-25 03:16:24 Dekel

Schließen Sie ein Jquery-Modal mit load()

Antwort

Verwandte Themen