大佬教程收集整理的这篇文章主要介绍了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.
如果颜色太强,则相应地减少不透明度.
以上是大佬教程为你收集整理的jquery – 阻止背景内容并专注于模态对话全部内容,希望文章能够帮你解决jquery – 阻止背景内容并专注于模态对话所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。