如何解决.ui-对话框属性？

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 .:我也试着将！重要的属性添加到填充值 - 无济于事。

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");