Javascript CSS样式没有';当通过jQuery为元素动态添加类时,无法应用
现在,这看起来很简单,但我不知道为什么它不起作用。 我有一个HTML文件名g.HTML,其中包括jquery、jquery ui和jquery。 还包括g.js 现在,在g.js内部使用jquery动态修改元素的类。 为元素添加了一个新类。 从输出的HTML代码中可以明显看出: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
<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;
}