从Bootstrap模式对话框中触发Click事件

Question

我试图确定单击以下代码中的“删除”按钮时如何触发事件。

 <div aria-labelledby="myModalLabel" class="modal fade" id="removeUser" role="dialog" tabindex="-1"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body" id="window-border"> <div class="warning-text"> <h2>Remove User</h2> <p>Are you sure you wish to remove this user?</p> </div> <div class="terminate"> <button class="btn btn-default close" data-dismiss= "modal" type="button">Cancel</button> <button class= "btn btn-default" id="confirm" type= "submit">Remove</button> </div> </div> </div><!-- end modal content --> </div> </div> 

Answer 1

您可以通过单击将委托函数与jquery文档一起委派，如下所示：

$( document ).on( "click", "#confirm", function() {
   //your code here
});

Answer 2

  //Indicate user the avaliable time period $('#confirm').click( function() { alert("removed"); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div aria-labelledby="myModalLabel" class="modal fade" id="removeUser" role="dialog" tabindex="-1"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body" id="window-border"> <div class="warning-text"> <h2>Remove User</h2> <p>Are you sure you wish to remove this user?</p> </div> <div class="terminate"> <button class="btn btn-default close" data-dismiss= "modal" type="button">Cancel</button> <button class= "btn btn-default" id="confirm" type= "submit">Remove</button> </div> </div> </div><!-- end modal content --> </div> </div>