我有一个ID为要在2个类之间切换的ID的div。
目的是当我单击显示不同的背景图像(实际上是第二类时)时更改类。
div带有一个类默认值
<a href="#"><div id="equipment" class="flash"> </div></a>
这是CSS
#equipment {
float: right;
margin-right: 30px;
width: 55px;
height: 81px;
}
.flash {
background: url('equipment.jpg');
background-size: 55px 81px;
background-repeat: no-repeat;
}
.flashOn {
background: url ('equipment3.jpg') no-repeat scroll;
background-size: 55px 81px;
font-size: 20px;
}
这是简单的jQuery
$('#equipment').click(function(){
$('#equipment').toggleClass('flashOn');
});
我测试和toggleClass部分工作。随着字体大小的变化..但它不会改变div中的背景图像。有什么线索吗?提前致谢。,
保罗
最佳答案
更改
$('#equipment').click(function(){
$('#equipment').toggleClass('flashOn');
});
至
$('#equipment').click(function(){
$('#equipment').toggleClass('flashOn flash');
});
http://jsfiddle.net/osmanrahimi/xwnKP/215/
关于jquery - 带背景图像问题的切换类,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/27771031/