如何处理.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");