我正在使用jQuery将addClass添加到div上…但背景颜色不会改变.我猜它是因为它之前已经在CSS中分配了背景色?悬停类上的其他属性(边框)在悬停时出现,因此addClass正在工作.
我该怎么做?
jQuery的
$('.pick1-box').hover(
-> $(this).addClass('hover')
-> $(this).removeClass('hover')
)
CSS
.pick1-box, .pick2-box {
...
background: #eee;
...
}
.hover {
background-color: yellow;
border: 1px solid red;
}
HTML
...
<li class='nominee clearfix' id='146'>
<div class='candidate'>
<img alt="Enders" height="80" src="/assets/25803sm.jpg" />
Dick Waddington
</div>
<div class='pick-boxes'>
<div class='pick1-box'>
1
</div>
<div class='pick2-box'>
2
</div>
</div>
</li>
...
解决方法:
这取决于你如何加载jquery和代码,但试试这个:
.hover {
background-color: yellow !important;
border: 1px solid red;
}