當模態顯示時隱藏下拉框

我的模態窗口出現小問題，出於某種原因，我無法弄清楚這一點。在手機上，我有一個漢堡包菜單，在該菜單中我有一個登錄鏈接，它打開一個模式窗口。一切正常，模態顯示，但問題是：下拉菜單顯示在我的模態之上。當模態顯示時隱藏下拉框

我試圖使用隱藏它：

$(document).ready(function() { 

    var modal = $('.modal'); //get modal window 

    if(modal.hasClass("in")){ //check if it has class "in" 
    $('.navbar-toggleable-md').hide(); //true, hide navbar 
    } 

}); // end ready

我缺少什麼？因爲從上面的代碼它沒有做任何事情..

來源

2016-11-29 Ovidiu G

您可以發佈代碼的完整小提琴嗎？ –

您應該將其隱藏在菜單的點擊處理程序中。你的代碼只會檢查一次 – anu

$（'。navbar-toggle'）。trigger（'click'） –

您需要在.modal上發現事件show.bs.modal或shown.bs.modal。事情是這樣的：

$(document).ready(function() { 
    $('.modal').on('shown.bs.modal', function (e) { 
     $('.navbar-toggleable-md').hide(); 
}); 
});

閱讀引導文檔：modals-events

來源

2016-11-29 12:29:51 Banzay

它可能是問題Z指數 –

問題確實與Z指數，但這是不是我想在這裏實現的。因爲即使我設置了Z-index，菜單也會在後面，例如它仍然會顯示在桌面上。但是，他對事件的追蹤是正確的。這解決了這個問題。謝謝！我會更詳細地閱讀這些內容。 –

我認爲我們的模型z-index有問題。增加你的模態的Z指數。或請向我們提供您的代碼的小提琴。

來源

2016-11-29 12:00:45

設置的z-index你的情態大於下拉的z-index。例如：

.modal { 
    z-index: 999; 
} 
.dropdown { 
    z-index: 99; 
}

來源

2016-11-29 12:51:56 Aca85

當模態顯示時隱藏下拉框

回答

相關問題