toggleclass与背景图像问题

我有一个ID与我想用于切换2类之间的ID。目的是当我点击显示不同的背景图像（内部，infact，在第二类）时更改类。股利配有一流的默认toggleclass与背景图像问题

<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中的背景图像。任何线索？在此先感谢，保罗

来源

2015-01-04 paolo bergomi

性如您的样式表在同一为了这些类？你的div最终会拥有两个类，并且由于它们的选择特异性是相同的，所以最后一个将会“获胜”。 – CBroe

你可以做'$（'＃equipment'）。toggleClass（'flashOn flash'）;'，因为这样会删除一个类，并使所有问题消失 – adeneo

hi adeneo谢谢。它改变了班级，但又一次，我没有看到任何图像backgroundm设备2.jpg，你可以看到这里。 http://www.paolobergomi.it/sitob/index.html# –

变化

$('#equipment').click(function(){ 

$('#equipment').toggleClass('flashOn'); 

});

到

$('#equipment').click(function(){ 

$('#equipment').toggleClass('flashOn flash'); 

});

http://jsfiddle.net/osmanrahimi/xwnKP/215/

来源

2015-01-04 23:23:42

非常感谢你，osman，我明白了。 :) –

toggleclass与背景图像问题

回答

相关问题