jquery - 如何将 css 类添加到 jquery 可选

Question

在元素中使用可选的 jquery。代码如下:

<li class="ui-widget-content">

.selectable li {
            margin: 1px;
            padding: 0.4em;
            height: 0.52em;
            line-height: 0.54em;
            position: relative;
            cursor: default;                               
        }

我想做的是在某些情况下动态地向 li 添加 margin-right

<li class="ui-widget-content groups">



.groups {
        padding-right: 10px;
    }

这行不通。如果我添加 padding-right: 10px;在 .selectable li 中，添加了填充。但是就像我说的那样，将填充作为额外的类添加时它不起作用，这就是我需要做的，以便有时有填充，有时不取决于某些条件。

当查看浏览器检查器时，我可以看到 jquery 还添加了一个额外的类“ui-selectee”:

<li class="ui-widget-content groups ui-selectee" >

还尝试像这样首先添加额外的类:

<li class="groups ui-widget-content">

女巫渲染

<li class="groups ui-widget-content ui-selectee" >

同样无效。

在检查器中，.groups 类没有交叉。

有人知道为什么添加类不添加填充吗？

Answer 1

我猜 jquery selectable 覆盖了您的样式，因为 .selectable li 已经包含 0.4em 的填充。所以尝试使用这段代码:

.groups {
        padding-right: 10px !important;
    }