bootstrap兩層模態框無法滾動問題

2021-08-13 02:33:08 字數 470 閱讀 1928

在專案中使用bootstrap的模態框modal的時候碰到的這個問題。

問題就來了,當第二層模態框關閉之後(就是上面那層),下面的第一層模態框因為資料項太多,需要滾動下拉,

但是實際情況是,如果不做處理的話,這時候滾動下拉的就是父頁面了。

在網上搜尋之後,說是可以在關閉第二層模態框的時候禁掉父頁面的下拉條,找到的解決方法如下:

在第二層模態框上加上類似如下js**:

$('#newchickitem').on('hidden.bs.modal', function () );

大概就是在

第二層模態框的時候禁掉父頁面的下拉條,newchickitem就是第二層模態框的id了。

注意其中用=號就是把父頁面的body的class替換掉了,因為用+=追加的話如果不重新整理整體頁面就會導致body的class中有很多modal-open,從而導致沒有效果。

Bootstrap模態框Modal外掛程式

前提是要引入bootstrap.min.js modal 是覆蓋在父窗體上的子窗體。通常,目的是顯示來自乙個單獨的源的內容,可以在不離開父窗體的情況下有一些互動。子窗體可提供資訊 互動等。1.先定義乙個按鈕 data toggle 以什麼事件觸發,如modal,popover,tooltips等 d...

Bootstrap模態框簡單使用

專案中遇到,記錄一下。引入bootstrap的js和css就可以,官網有就不寫了 html modal fade id my modal tabindex 1 role dialog aria labelledby mymodallabel1 aria hidden true modal dialo...

Bootstrap模態框使用詳解

一.模態框的正常點選出現,如新增功能 新增 二.還有一種就是編輯,此時在彈出模態框時,裡面要寫入資料,所以要先取得資料再彈出模態框。這時要加入js 控制 1.jsp頁面 修改2.js 修改使用者 將使用者資訊寫入模態框 function updatesystemuser else dialog.mo...