上午有幾個盒子(大於100),這將動態地創建與CSS背景顏色不顯示
<div id="window5"></div>
<div id="window18"></div>
<div id="window190"></div>
有將存在於基於數據庫條件不同的盒子一些默認不同的顏色。 現在,如果我點擊一個框的顏色應該是灰色的,那麼如果我點擊另一個框的顏色應該改成紅色(第一個框的顏色應該是正常的)。我只能得到灰色(onclick)當我的默認顏色不存在時。 如果出現某些顏色,灰色將隱藏在原始默認顏色下。 有沒有任何CSS屬性來解決這個問題。
我的CSS文件:
.selected{
background-color: red;
}
使用的使用JavasScript代碼;
$(document).ready(function() {
$("div[id *= 'window']").live('click', function (e) {
$(".selected").removeClass("selected");
$(this).addClass("selected");
e.stopPropagation();
});
$(document).click(function() {
$(".selected").removeClass("selected");
});
});
</script>
你是如何使箱子變灰的?如果你設置'style = background-color:gray',那麼這將覆蓋添加的類中的顏色。 – geekchic
是你的.selected類下的其他CSS?你總是可以嘗試背景顏色:紅色!重要的; – Gijoey
你可以創建一個http://jsfiddle.net/與你確切的問題 - 更容易當你提出所有的代碼 – ManseUK