1. 程式人生 > >多層Modal關閉上層導致下層無法出現滾動的問題

多層Modal關閉上層導致下層無法出現滾動的問題

多層Modal關閉上層導致下層無法出現滾動的問題

BootStrap中關於模態框(modal.js)中的定義和說明

我們對Markdown編輯器進行了一些功能拓展與語法支援,除了標準的Markdown編輯器功能,我們增加了如下幾點新功能,幫助你用它寫部落格:

   在介紹的時候已說明不能同時使用多個模態框,不然就需要自己寫程式碼實現。

問題的出現

在做專案的時候,由於功能的實現需要使用兩層的modal來實現,在使用過程中出現了頂層modal關閉之後,無法實現右側滾動的功能了。最終經過研究摸索,發現在頂層modal關閉後,其中document.body

的缺少了class=“modal-open”

解決

因此使用modal在關閉的會觸發hidden.bs.modal事件的功能,在頂層modal關閉的時候將class新增進去。

// An highlighted block
  $('#id').on("hidden.bs.modal",function(){
            $(document.body).addClass("modal-open");
   });

最終解決了問題。