改变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; } 

`