我想用jQuery創建我自己的簡單警報對話框。兩個問題:如何在用戶單擊警報中的確定按鈕之前禁止用戶點擊正文中的任何元素?而且,除了一個元素以外,如何使身體變得黑暗?謝謝。創建警報消息
創建警報消息
回答
在所有內容上放置一個部分不透明的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。
這真是一切所需;困難在於使它跨瀏覽器兼容;選擇元素可能仍然出現在頂部,與任何'object'嵌入相同(如Flash播放器)等。 – 2011-12-18 23:40:14
我沒有重新發明車輪,而是使用模態選項查看jQuery UI Dialog。
太重了,我相信我可以用幾行寫出它。 – 2011-12-18 23:16:58
@hey爲什麼不看jQuery UI對話源代碼並將其修剪爲只包含您需要的功能? – JesseBuesking 2011-12-18 23:20:07
@hey那麼,爲什麼你問這個問題呢? – 2011-12-18 23:20:24
- 1. 警報消息
- 2. 警報消息
- 3. 警報消息與jQuery
- 4. JQuery警報/消息框
- 5. C#.NET:警報消息
- 6. 警報消息按鈕
- 7. 清除警報消息
- 8. jquery pinnable警報消息
- 9. 警報消息使用AJAX
- 10. 在關閉彈出窗口(Javascript)上創建警報消息
- 11. 使用Javascript創建不同的彩色警報消息
- 12. 如何使用媒體對象行爲創建警報消息?
- 13. 如何在AngularJS中創建自我關閉警報消息
- 14. 在報廢時防止警報消息
- 15. 創建片不是警告消息
- 16. 創建報告消息的方式
- 17. 警報消息未顯示在警報對話框中?
- 18. 更改警報消息與警報的按鈕沒有解僱
- 19. 硒如何獲得警報警報消息
- 20. 彈出Javascript中的警報消息
- 21. UploadStart上的警報消息 - ajaxFileUpload
- 22. 使用Javascript的警報消息
- 23. 角度2中的警報消息
- 24. 顯示5秒鐘的警報消息
- 25. 在J2ME中顯示的警報消息
- 26. 報警或彈出消息應用
- 27. 警報消息不工作的AJAX
- 28. 帶警報消息的scp命令
- 29. 迅速使用關閉警報消息
- 30. 「'$'未定義」警報消息顯示
http://jqueryui.com/demos/dialog/ – SLaks 2011-12-18 23:15:13