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