2012-05-21 182 views
1

上午有幾個盒子(大於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> 
+1

你是如何使箱子變灰的?如果你設置'style = background-color:gray',那麼這將覆蓋添加的類中的顏色。 – geekchic

+1

是你的.selected類下的其他CSS?你總是可以嘗試背景顏色:紅色!重要的; – Gijoey

+1

你可以創建一個http://jsfiddle.net/與你確切的問題 - 更容易當你提出所有的代碼 – ManseUK

回答

0

如果你已經是一個樣式表,然後將其可能採取優先次序中指定的背景顏色。爲了克服這個問題,你可以使用內聯樣式或!重要指令。

background-color:red!important; 
0

div的犯規的大小,所以沒有背景顯示。

如果你把你的DIV顯示文字或者你給它一個寬度&高度,它會顯示你的背景