jQuery技术:jquery blankout / grayout显示对话框的页面

如何删除显示对话框的页面。 下面是我的代码HTML:

 .ui-dialog, .ui-dialog-content { border:1px solid #cde68c; border-bottom:0px; background-color: white !important; color: #333; font: 12px/180% Arial, Helvetica, sans-serif; } .ui-dialog-titlebar { display:none; } #ui-dialog-title-dialog { color: yellow !important; text-shadow: none; } .ui-dialog-buttonpane { border:1px solid #cde68c; border-top:0px; margin-bottom: 1%; }  

使用Javascript:

 $j(document).ready(function() { $j('#dialog').dialog('open'); $j('#emailNotice').html('show some notice text abcd'); $j('#dialog').dialog({ modal:true, autoOpen: false, width: 600, buttons: { "Ok": function() { $j(this).dialog("close"); }, "Cancel": function() { className: 'cancelButtonClass', $j(this).dialog("close"); } } }); }); 

受审

  .ui-dialog, .ui-dialog-content { border:1px solid #cde68c; background-color: white !important; color: #333; line-height: 180%; font-family: Arial, Helvetica, sans-serif; } .ui-dialog-titlebar { display:none; } #ui-dialog-title-dialog { color: yellow !important; text-shadow: none; } .ui-dialog-buttonpane { border:1px solid #cde68c; border-top:0px; margin-bottom: 1%; } ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: 50; filter:Alpha(Opacity=50); }  

还试过

 $j('#dialog').dialog('open'); $j("#dialog").dialog("widget") .next(".ui-widget-overlay") .css("background", "#f00ba2"); .... .... 

    像这样更改默认的jQueryUI类:

     .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x !important; opacity: 100 !important; filter:Alpha(Opacity=100) !important; } 

    只需将颜色和不透明度更改为您喜欢的颜色,这将在模式打开时应用于页面。

    如果!important不起作用,则说明您的设置存在问题。

    也许你没有jQueryUI完全function。 确保在元素中链接/引用了jQueryUI js和css文件。

    需要了解更多jQuery教程分享jquery blankout / grayout显示对话框的页面,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!

      以上就是jQuery教程分享jquery blankout / grayout显示对话框的页面相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/981281.html

      (0)
      上一篇 2021年12月12日
      下一篇 2021年12月12日

      精彩推荐