jquery - 如何处理 .ui-dialog 属性？

Question

我正在使用 jquery-ui-1.10.4 并对主题属性进行 css 覆盖，如下所示:

.ui-dialog {
  left: 0;
  outline: 0 none;
  padding: 10px !important;
  position: absolute;
  top: 0; }

现在，偶尔，我想使用对对话框的 jQuery 调用从 JavaScript 函数内部更改填充，如下所示:

 function myFunction ()
 {
   …
   $('#myDialog').dialog ({…});

   $(".ui-dialog").css({ "padding" : "0" }); // not working
  }

如前所述，这不起作用，而当我从 Inspector 中更改填充值时它起作用。

我应该如何从 JS 代码内部执行此操作？

N.B.:我也曾尝试将 !important 属性添加到填充值 — 但无济于事。

Answer 1

您的“问题”是您已经用 !important 覆盖了该属性，因此您需要告诉您的新属性它至少与当前修改一样重要。

试试这个:

$(".ui-dialog").css({ "padding" : "0 !important" }); 

编辑:

如何添加一个新的 CSS 类:

.no-padding,
.ui-dialog.no-padding /* this helps us to be even more precise, giving this a higher priority */ {
    padding: 0 !important;
}

而不是覆盖填充，您将类添加到您的元素:

$(".ui-dialog").addClass("no-padding");