2011-12-18 253 views
0

我想用jQuery創建我自己的簡單警報對話框。兩個問題:如何在用戶單擊警報中的確定按鈕之前禁止用戶點擊正文中的任何元素?而且,除了一個元素以外,如何使身體變得黑暗?謝謝。創建警報消息

+2

http://jqueryui.com/demos/dialog/ – SLaks 2011-12-18 23:15:13

回答

1

在所有內容上放置一個部分不透明的div。典型的CSS:

.cover { 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 1000; 
    opacity: .7; 
    background-color: #000; 
    width: 100%; 
    height: 100%; 
} 

現在放置一個定位的div,在對話框中,在設備罩起來的div,並給這個對話框了更高的z-index。

+1

這真是一切所需;困難在於使它跨瀏覽器兼容;選擇元素可能仍然出現在頂部,與任何'object'嵌入相同(如Flash播放器)等。 – 2011-12-18 23:40:14

1

我沒有重新發明車輪,而是使用模態選項查看jQuery UI Dialog

+0

太重了,我相信我可以用幾行寫出它。 – 2011-12-18 23:16:58

+0

@hey爲什麼不看jQuery UI對話源代碼並將其修剪爲只包含您需要的功能? – JesseBuesking 2011-12-18 23:20:07

+4

@hey那麼,爲什麼你問這個問題呢? – 2011-12-18 23:20:24