Javascript CSS样式没有';当通过jQuery为元素动态添加类时,无法应用

Javascript CSS样式没有';当通过jQuery为元素动态添加类时,无法应用,javascript,jquery,html,css,Javascript,Jquery,Html,Css,现在,这看起来很简单,但我不知道为什么它不起作用。 我有一个HTML文件名g.HTML,其中包括jquery、jquery ui和jquery。 还包括g.js 现在,在g.js内部使用jquery动态修改元素的类。 为元素添加了一个新类。 从输出的HTML代码中可以明显看出: <td class=" ui-datepicker-days-cell-over currentDay ui-datepicker-current-day ui-datepicker-today" data-han

现在,这看起来很简单,但我不知道为什么它不起作用。 我有一个HTML文件名g.HTML,其中包括jquery、jquery ui和jquery。 还包括g.js 现在,在g.js内部使用jquery动态修改元素的类。 为元素添加了一个新类。 从输出的HTML代码中可以明显看出:

<td class=" ui-datepicker-days-cell-over currentDay ui-datepicker-current-day ui-datepicker-today" data-handler="selectDay" data-event="click" data-month="11" data-year="2013"><a class="ui-state-default ui-state-highlight ui-state-active" href="#">26</a></td>
但是这种风格根本就不适用?
发生了什么?我该怎么办?

使用
!在您的
.currentDay
课程中输入重要的
关键字。
!重要信息
如果同一元素上也有其他样式,则规则将始终应用您的样式。在您的情况下,有许多类与
currentDay
类一起应用于同一元素。优先 currentDay类的样式使用
!重要的
关键字,包含您在课堂上定义的样式

  .currentDay {
        background-image:url('tick.jpg') !important;
        background-repeat:repeat-x !important;
        font-weight: bold !important;
        color:#ad5 !important;
        border: 1px solid #aaa !important;
    }

你试过把类放在
标签上而不是
标签上吗?@JamesMohler我正在使用,我认为这是不可能的。@coder是的,只需将
.currentDay
更改为
.ui状态默认值
请参见@semirgay如果你想要我的投票,解释它为什么有效,因为如果您只是告诉OP删除将样式更改为
.currentDay
的其他代码也会起作用,我认为这是一种糟糕的做法!重要的规则是,如果还有其他样式,则始终应用您的样式。在这种情况下,有许多类与currentDay类一起应用
  .currentDay {
        background-image:url('tick.jpg') !important;
        background-repeat:repeat-x !important;
        font-weight: bold !important;
        color:#ad5 !important;
        border: 1px solid #aaa !important;
    }