2013-04-25 186 views
1

我想要做類似 東西,我有這樣的代碼改變顏色當是點擊jQuery的

$(document).ready(function(){ 
    $('#au').click(function(){ 
    $('#light1').css('background', 'yellow'); 
    }); 
    $('#cu').click(function(){ 
    $('#light2').css('background', 'yellow'); 
    }); 
}); 

是工作不錯,但我想刪除的div一個背景,當我在另外一個點擊。我怎樣才能做到這一點?

回答

0

您可以設置背景爲transparent以提供已移除背景的效果,也可以將背景設置爲none。就你而言,這聽起來像你想要去與background: none選項 - 見下文。

無:

$('#cu').click(function(){ 
    $('#light2').css('background', 'none'); 
}); 

透明:

$('#cu').click(function(){ 
    $('#light2').css('background', 'transparent'); 
}); 
+0

感謝。由於某種原因,我在之前的背景顏色中添加了另一條線,但我沒有想到這一點。再次感謝。 – 2013-04-25 03:11:53

+0

@GiorgioDoganiero這樣解決你的問題了嗎? – 2013-04-25 03:12:59

0

而不是使用的ID,你應該使用類:

$('.clickable').click(function(){ 
    $('.light').css('background', 'none'); 
    $('.light').eq($(this).data('light')).css('background', 'yellow'); 
}); 

這與HTML工作,如:

<div class="light"></div> 
<div class="light"></div> 
<button id="au" class="clickable" data-light="0"/> 
<button id="cu" class="clickable" data-light="1"/> 
0

如何像:

$(document).ready(function(){ 
    $('#au').click(function(){ 
    $('#light1').toggleClass('yellow'); 
}); 
    $('#cu').click(function(){ 
    $('#light2').toggleClass('yellow'); 
    }); 
});