我正在測試此website,正如您所看到的是一個「fullpage」網站。Bootstrap:無法關閉模式
在第一頁中,我將按鈕連接到Modal,但打開時不可能關閉它,我意識到它適合整個網站的高度,而不是實際的頁面。
我該如何解決?
該網站使用Wordpress +引導builted,我用了「Fullpage.js」方法
我正在測試此website,正如您所看到的是一個「fullpage」網站。Bootstrap:無法關閉模式
在第一頁中,我將按鈕連接到Modal,但打開時不可能關閉它,我意識到它適合整個網站的高度,而不是實際的頁面。
我該如何解決?
該網站使用Wordpress +引導builted,我用了「Fullpage.js」方法
你接近的「X」在你的模態的右上角按鈕是沿着上運行的不可見的,固定定位的元素,即這背後:
<div class="bt-menu-control-sticky">
核心。 CSS:
.bt-menu-control-sticky{z-index:999999;}
你需要讓你的模式具有較高的Z-index值低於此,無論你將它設置爲,或改變模式的定位。如果此問題元素設置爲z-index: 0
,我可以看到您的關閉按鈕正在工作。
Attatch點擊處理程序,以身體或X,並呼籲
$('.modal').modal('hide')
這將關閉所有的情態動詞,所以要小心。使用唯一的ID爲模態
似乎在**覆蓋層後面打開了**,這就是爲什麼click沒有達到模態DOM元素。 –
看起來像z-index問題給我。使用檢查器並使用一些Z-index樣式。 –
–