使用BootStrap自帶的Modal的時候，如果同時調用多個Modal，那么只能看到背景顏色加深但是看不見新的Modal頁面。
問題主要是Modal的z-index有問題，重新計算z-index並賦值即可。在Modal完全加載之后調用方法：
$(document).ready(function() { // 通過該方法來為每次彈出的模態框設置最新的zIndex值，從而使最新的modal顯示在最前面 $(document).on('show.bs.modal', '.modal', function() { var zIndex = 1040 + (10 * $('.modal:visible').length); $(this).css('z-index', zIndex); setTimeout(function() { $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack'); }, 0); }); });
© 著作權歸作者所有