2016-08-21 105 views
0

我有一個簡單的HTML設計與動畫菜單。我試圖在它上面實現引導並使模態窗口。但是當有人點擊聯繫人時,我的動畫菜單停止工作。 Here你可以檢查問題。使模式彈出,而點擊菜單

我的模態代碼在這裏。我在菜單鏈接上使用#mymodal。

<!-- 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> 

回答

0

您可以使用jQuery

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

     $("#myModal").modal("show") 
}) 
做到這一點