Twitter Bootstrap Modal - Ẩn bất kỳ

Question

Tôi hiện đang làm việc trên Bootstrap để đặt video theo phương thức. Tất cả mọi thứ được tạo ra thông qua cms (vì vậy tôi không có quyền kiểm soát số lượng video sẽ được hiển thị.)

Mọi thứ đều ổn (tôi phải cung cấp cho mỗi phương thức ID riêng của mình và mọi thứ hoạt động). Thing là khi bạn đóng phương thức và video đang chạy, video (và âm thanh) tiếp tục chạy ở chế độ nền.

Để né tránh rằng, khi một phương thức được đóng với nút x, tôi làm mới html trong phương thức, như thế này:

$('button.close').click(function(){ 
    var divcible=$(this).parent().parent().find(".modal-body"); 
    var html = divcible.html() 
    divcible.html("") 
    divcible.html(html) 
}) 

Vấn đề của tôi với điều đó là nếu người dùng nhấp vào bối cảnh, các Html sẽ không đặt lại. trên trang web của boostrap họ gọi đây là

$('#myModal').on('hidden', function() { 
    // do something… 
}) 

theo dõi khi một phương thức đóng lại, nhưng tôi muốn tìm thấy nếu có một cách để giám sát khi BẤT CỨ phương thức đóng cửa.

Answer 1

Thêm một lớp học để modals bạn và sử dụng rằng:

$('.myModal').on('hidden', function() { 
    // do something… 

    // edit for clarity: "that" will now reference the modal that was hidden 
    var that = this;   
}) 

Answer 2

Theo mặc định, hầu hết các sự kiện bubble up từ mục tiêu sự kiện ban đầu để các yếu tố document. Đây cũng là trường hợp của sự kiện hidden được kích hoạt khi phương thức đã hoàn tất bị ẩn khỏi người dùng. Do đó, một cách để theo dõi khi BẤT CỨ phương thức đóng cửa là để đính kèm một xử lý sự kiện cho các yếu tố document như sau:

$(document).on('hidden', function() { 
    // a modal closes, so do what you want :) 
}) 

Answer 3

$('#myModal').on('hidden.bs.modal', function (e) { 
    // do something... 
}) 

từ tài liệu 3.x bootstrap http://getbootstrap.com/javascript/#modals