【问题标题】:jQuery dialog - how to get .ui-widget-shadow as a parent element?jQuery 对话框 - 如何获取 .ui-widget-shadow 作为父元素?
【发布时间】:2012-09-13 08:34:32
【问题描述】:

当您在此处设置自己的 jQuery 主题样式时:http://jqueryui.com/themeroller/ 您可以看到“覆盖和阴影类”部分中的模式对话框周围有一个阴影。在源代码中,它显示对话框实际上是用另一个具有 ui-widget-shadow 类的 div 包装的。

对我来说,这个阴影永远不可见,因为对话框在创建时没有被这个 div 包裹。有谁知道如何让 jQuery 对话框将对话框包装在这个元素中以便阴影可见?

【问题讨论】:

    标签: javascript jquery css jquery-dialog


    【解决方案1】:

    在对话框的声明中你只需要指定那个类。

    $(function () {
      $("#dialog").dialog({
        ...
        dialogClass: 'ui-widget-shadow'
      });
    });
    

    【讨论】:

    • 不,不幸的是不是......因为它需要被包裹在里面。如果您指定该类,则该类将应用于对话框本身,这会导致完全不同的东西......
    • 你是对的,我认为最好有一个单独的课程 .dialogWithDropShadow{ -webkit-box-shadow: 0px 0px 1px 7px rgba(0,0,0,.1); box-shadow: 0px 0px 1px 7px rgba(0,0,0,.1); } 然后添加我在答案中提到的课程。这是full code,这里是另一个similar question
    猜你喜欢
    • 1970-01-01
    • 2012-03-02
    • 1970-01-01
    • 1970-01-01
    • 2012-12-04
    • 1970-01-01
    • 1970-01-01
    • 2013-12-14
    • 1970-01-01
    相关资源
    最近更新 更多