使模式弹出，而点击菜单

我有一个简单的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>

来源

2016-08-21 Davit Gubanovi

您可以使用jQuery

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

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

做到这一点

来源

2016-08-21 02:54:43

使模式弹出，而点击菜单

回答

相关问题