jquery – 阻止背景内容并专注于模态对话

前端之家收集整理的这篇文章主要介绍了jquery – 阻止背景内容并专注于模态对话前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图阻止我的两个 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相关文章