2014-02-11 45 views
0

我使用custom dialog-boxconfirmation消息它會正確顯示,但頁面的後視圖是可點擊/啓用,因此用戶可以點擊任何地方我想禁用該後視圖。 就像本地jsalert, confirm box一樣。 以下是所有後視圖無法訪問的js警報框的圖像當我使用自定義框時,如何實現此功能。 enter image description here禁用像js alert這樣的網頁嗎?

+3

檢查是否有_modal_選項。 – Barmar

+0

如果你使用jQuery Mobile,我知道你可以做到。 [見這裏](http://demos.jquerymobile.com/1.2.0-beta.1/docs/pages/popup/index.html)用'data-dismissible =「false」'。 – Maxbester

+0

bootbox警報將是偉大的..(http://bootboxjs.com/) – Girish

回答

0

您可以嘗試jQuery Alert或類似的插件。

邏輯:創建一個與燈箱效果類似的div。燈箱將覆蓋整個頁面。

0

你的情況的最好例子是引導模塊Bootstrap modal 只要看看twitter開發人員如何做到這一點。

1

試試這個....

HTML: 
<div id="alert-overlay-wrapper"></div> 

CSS: 
#alert-overlay { 
height: 100%; 
left: 0; 
position: fixed; 
top: 0; 
width: 100%; 
z-index: 1000; 
} 

A dd自定義警告框的html中的html div以及添加css。

這項工作作爲身體的覆蓋。

你有照顧的一件事是自定義警告框的「Z索引」必須大於1000作爲覆蓋z-index的是自定義對話框控件1000

相關問題