我的模态在此页面打开时自动发出

Question

单击按钮它会很好。 但问题是，随着页面打开它会自动出现，而我希望只有在按钮单击这应该发生。 试验模态

<div class="col-md-2"><center/><button class="btn btn-lg" data-toggle="modal" data-target="#myModal">TIME ZONE</button> </div> 

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog"  aria-labelledby="myModalLabel" aria-hidden="true"> 
     <div class="modal-dialog"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> &times; </button> 
        <h4 class="modal-title" id="myModalLabel"> 
        Time Zone   </h4> 
       </div> 
       <div class="modal-body"> 
       Add some text here  
       </div> 
      <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      </div> 
      </div> 
     </div> 


    <script> $(function() { $('#myModal').modal({  keyboard: true })}); </script> 


    <script src="js/bootstrap.js"></script> 
</body> 
</html> 

Answer 1

尝试。

<input type="button" id="btn"/> 

$(function() { 
    $("#btn").click(function(){ 
     $('#myModal').modal('show'); 
    }); 

});