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與背景圖像問題

回答

相關問題