具有背景图像问题的切换类

Question

我有一个 div，我想用它在 2 个 class 之间切换。目的是在我单击显示不同的背景图像时更改 class（实际上，在第二个 class 中）。 div 带有 class 默认

 <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 中的背景图像。有什么线索吗？提前致谢。，保罗

Answer 1

改变

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

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

 });

至

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

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

 });

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

具有背景图像问题的切换类

toggleclass with background-image issue

html

css

jquery

background-image

toggleclass