我有一个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/

10-12 02:22