2016-07-07 102 views
-1

我正在測試此website,正如您所看到的是一個「fullpage」網站。Bootstrap:無法關閉模式

在第一頁中,我將按鈕連接到Modal,但打開時不可能關閉它,我意識到它適合整個網站的高度,而不是實際的頁面。

我該如何解決?

該網站使用Wordpress +引導builted,我用了「Fullpage.js」方法

+1

似乎在**覆蓋層後面打開了**,這就是爲什麼click沒有達到模態DOM元素。 –

+1

看起來像z-index問題給我。使用檢查器並使用一些Z-index樣式。 –

+0

回答

0

你接近的「X」在你的模態的右上角按鈕是沿着上運行的不可見的,固定定位的元素,即這背後:

<div class="bt-menu-control-sticky"> 

核心。 CSS:

.bt-menu-control-sticky{z-index:999999;} 

你需要讓你的模式具有較高的Z-index值低於此,無論你將它設置爲,或改變模式的定位。如果此問題元素設置爲z-index: 0,我可以看到您的關閉按鈕正在工作。

0

Attatch點擊處理程序,以身體或X,並呼籲

$('.modal').modal('hide') 

這將關閉所有的情態動詞,所以要小心。使用唯一的ID爲模態