如何通過另一引導模式的位置顯示引導模式對話框

如何通過另一引導模式 我對模式的按鈕，點擊一個模態對話我打開另一個模態窗口，該窗口後並在第一顯示錶明引導模式對話框莫代爾？我試着用z-index但它不工作。如何通過另一引導模式的位置顯示引導模式對話框

來源

2013-04-16 dhruwal patel

模態的ID你想要顯示父母以上的孩子，反之亦然？ –

孩子高於父母 –

你的問題似乎令人困惑，你可以重新相同。 –

你應該看看這個回購：https://github.com/jschr/bootstrap-modal/

它擴展Bootstrap'modal插件，以便多模態（和其他東西）

來源

2013-04-16 12:37:37 Julien

This插件有一個巨大的缺點 - 瀏覽器的「返回」按鈕無法正常工作。如果在模態上打開模態，則「返回」按鈕不是僅關閉頂層模態，而是在模態打開的情況下離開，完全關閉所有模態。 – Green

該解決方案是非常髒，我的方案是，裏面的表單一個模式通過AJAX提交，如果響應是晚了，我希望把另一個疊加和另一個模式saiyng「對不起，我來晚了」

$('body').prepend('<div id="signup-box" class="ajax-is-late widget-box modal-dialog visible"><div class="modal-content"><div class="modal-body"><span style="font-size:25px; margin-left:20px;">bla bla bla...</span></div></div></div><div class="my-dirty-solution modal-backdrop fade in" style="z-index: 1041;"></div>');

，你可以看到，我創建了覆蓋有Z-比立場更高的佈局ARD引導模態（1040）

<div class="my-dirty-solution modal-backdrop fade in" style="z-index: 1041;"></div>

兩者的疊加和我添加可以訪問和

$('.my-dirty-solution').remove();

破壞模態你可以看到它的行動是這樣的：

用Chrome打開頁面
打開真實引導模式
open Chrome開發控制檯
貼上我的代碼，然後按ENTER

請記住，這是一個非常骯髒和無恥的解決方案...;）

來源

2014-01-30 15:41:29 nulll

添加這些CSS類：

.first-level-dialog { 
    z-index: 1060; 
} 

.second-level-dialog { 
    z-index: 1040 !important; 
}

第一個添加到對第一個計劃（高於其他）想要具有的對話框容器（此模塊使用模態css類）。

最後添加處理程序對話框事件：

$(document).on('shown.bs.modal', '#modalid', function (e) { 
     $('.modal:not(.first-level-dialog)').addClass('second-level-dialog'); 
    }); 

    $(document).on('hide.bs.modal', '#modalid', function (e) { 
     $('.modal').removeClass('second-level-dialog'); 
    });

由於#modalid設置要對第一個計劃（指定的與第一級對話CSS類）

來源

2015-03-12 12:20:26 lszk

如何通過另一引導模式的位置顯示引導模式對話框

回答

相關問題