改變JavaScript類背景顏色

Question

我有此Javascript ....

<script>   
$('.tile').on('click', function() { 

    $(".tile").addClass("flipOutX"); 
    setTimeout(function(){ 
     $('metro tile-area-darkCrimson').css('background-color','#f36c20'); 
     $(".tile-group.main").css({ marginLeft:"-40px", width: "1080px"}).load("musability-musictherapy-company-overview.html"); 
    }, 2000); 

}); 
</script> 

和地鐵瓷磚面積darkCrimson被定義爲CSS類....

.metro .tile-area-darkCrimson { 
    min-width: 100%; 
    height: 100%; 
    background-color: #1f255b !important; 


    transition: background-color .25s ease-in-out; 
    -moz-transition: background-color .25s ease-in-out; 
    -webkit-transition: background-color .25s ease-in-out; 

} 

爲什麼即使該函數的其餘部分有效，背景顏色也不會改變？預先提供了許多幫助。

乾杯， Greg。

編輯---------

我現在有這樣的建議，從樂於助人的人

<script>   
$('.tile').on('click', function() { 

    $(".tile").addClass("flipOutX"); 
    setTimeout(function(){ 
     $('.metro .tile-area-darkCrimson').addClass('color-red'); 
     $(".tile-group.main").css({ marginLeft:"-40px", width: "1080px"}).load("musability-musictherapy-company-overview.html"); 
    }, 2000); 

}); 
</script> 

，並已加入到CSS這個...

。顏色-red {background：＃f36c20; }

但仍然無法工作更多的幫助真的很感激。

謝謝， Greg。

Answer 1

你沒有！重要標籤試試嗎？

更改此：

background-color: #1f255b !important; 

進入這個：

background-color: #1f255b; 

Answer 2

您錯過了班級的點符號。這條線

$('metro tile-area-darkCrimson').css('background-color','#f36c20'); 

更改爲

​​

Answer 3

變化：

$('metro tile-area-darkCrimson').css('background-color','#f36c20'); 

到

$('.metro .tile-area-darkCrimson').css('background-color','#f36c20'); 

Answer 4

你已經錯過了。在jQuery的地鐵類

​​

而且這將是最好添加一個類，而不是使用的CSS jQuery的

$('.metro .tile-area-darkCrimson').addClass('color-red'); 

，並在你的CSS的製作類

.color-red { background :#f36c20; } 

`