从引导模式对话框中触发点击事件

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>