machen Modal Popup beim Klicken auf Menü

Question

Ich habe eine einfache HTML-Design mit einem animierten Menü. Ich versuche, Bootstrap darauf zu implementieren und modales Fenster zu machen. Aber wenn jemand auf Kontakt klickt, funktioniert mein animiertes Menü nicht mehr. Here können Sie das Problem überprüfen.

Mein modaler Code hier. Ich verwende #mymodal auf Menü-Link.

<!-- Trigger the modal with a button --> 
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> 

<!-- Modal --> 
<div id="myModal" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 

    <!-- Modal content--> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
     <h4 class="modal-title">Modal Header</h4> 
     </div> 
     <div class="modal-body"> 
     <p>Some text in the modal.</p> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     </div> 
    </div> 

    </div> 
</div> 

Answer 1

Sie können dies tun, mit JQuery

$(document).on("click",".menu",function(){ 

     $("#myModal").modal("show") 
})