Bootstrap modal nền = 'tĩnh' không làm việc

Question

Trước tiên, tôi mở modal của tôi sử dụng này:

$('#myModal').modal('show'); 

Sau đó, trong tình huống khác, tôi cần điều đó phương thức này tương tự không đóng khi nhấn ESC/nhấp chuột bên ngoài, vì vậy tôi sử dụng điều này:

$('#myModal').modal({ 
    backdrop: 'static', 
    keyboard: false 
}) 

Nhưng khi tôi mở phương thức bằng phương pháp đầu tiên, phương thức thứ hai không hoạt động. Bất kỳ gợi ý nào?

Làm cách nào để bắt buộc chuyển đổi giá trị backdrop hoạt động?

Answer 1

Tôi đã tìm thấy giải pháp cho sự cố này.

Khi phương thức đã bị ẩn, dữ liệu khởi động vẫn còn trên đó. Để ngăn chặn điều đó tôi đã có sau:

$('#myModal').modal('show'); //display something 
//... 

// if you don't want to lose the reference to previous backdrop 
$('#myModal').modal('hide'); 
$('#myModal').data('bs.modal',null); // this clears the BS modal data 
//... 

// now works as you would expect 
$('#myModal').modal({backdrop:'static', keyboard:false}); 

Answer 2

Tương tự như Daniele Piccioni nhưng một chút ngắn gọn hơn:

$('#myModal').modal({backdrop: true, keyboard: false, show: true}); 
$('#myModal').data('bs.modal').options.backdrop = 'static'; 

này là dành cho Bootstrap 3.+

Xem thêm: Change Bootstrap modal option once it already exists