我试图阻止我的两个
jquery模态对话框的背景,直到用户关闭窗口.任何想法如何实现这一点?
通过“阻止背景”,我的意思是禁用页面上的其他元素(即使其他元素不可点击).
这是我的代码如下:
// sign up dialog $( "#aboutus_dialog" ).dialog({ autoOpen: false,show: "fadein",hide: "fadeout" }); // sign up dialog $( "#signup_dialog" ).dialog({ autoOpen: false,hide: "fadeout" }); // about us modal $('#aboutus').click(function() { modal: true,$("#aboutus_dialog").dialog("open"); return false; }); // about us modal $('#signup').click(function() { $("#signup_dialog").dialog("open"); return false; }); });
解决方法
这是你正在寻找的
http://jqueryui.com/demos/dialog/#modal
它阻止您有视图源按钮的背景.你有什么覆盖吗?
尝试手动设置(不推荐,而是通过css):
$(".ui-widget-overlay").attr('style','background-color: #000; opacity:1; z-index:1000;');
当然,将模态选项设置为true.
如果颜色太强,则相应地减少不透明度.