jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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 – 阻止背景内容并专注于模态对话全部内容,希望文章能够帮你解决jquery – 阻止背景内容并专注于模态对话所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。