Chụp sự kiện gần trên Bootstrap Modal

Question

Tôi có một Chế độ tăng cường để chọn sự kiện. Nếu người dùng nhấp vào nút X hoặc bên ngoài phương thức, tôi muốn gửi họ đến sự kiện mặc định. Làm thế nào tôi có thể nắm bắt những sự kiện này?

Đây là mã của tôi:

<div class="modal" id="myModal"> 
    <div class="modal-dialog"> 
    <div class="modal-content event-selector"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button> 
     <center><h1 class="modal-title event-selector-text">Select an Event</h1><center> 
     </div> 
     <div class="container"></div> 
     <div class="modal-body"> 
     <div class="event-banner"> 
     <a href="/?event=1"><img src=<?php echo IMAGES_EVENT1_LOGO; ?> width="100%"></a> 
     </div> 
     <div class="event-banner"> 
     <a href="/?event=2"><img src=<?php echo IMAGES_EVENT2_LOGO; ?> width="100%"></a> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

Answer 1

này rất giống với một bài viết stackoverflow, Bind a function to Twitter Bootstrap Modal Close. Giả sử bạn đang sử dụng một số phiên bản của Bootstap v3 hay v4, bạn có thể làm một cái gì đó như sau:

$("#myModal").on("hidden.bs.modal", function() { 
    // put your default event here 
}); 

Answer 2

tôi đã cố gắng sử dụng nó và không hiệu quả, đoán nó chỉ là versioin phương thức.

Mặc dù, nó làm việc như thế này:

$("#myModal").on("hide.bs.modal", function() { // put your default event here });

Chỉ cần cập nhật các câu trả lời =)

Answer 3

Mặc dù được trả lời trong một tràn câu hỏi chồng Bind a function to Twitter Bootstrap Modal Close nhưng cho cảm giác thị giác đây là câu trả lời chi tiết hơn.

Nguồn: http://getbootstrap.com/javascript/#modals-events