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>

并且类metro-area-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;

}

为什么即使功能的其余部分有效，背景颜色也不会改变？提前得到很多帮助。

干杯，格雷格。

编辑---------

我现在从有帮助的人的建议中得到这个

<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中......

.color-red {background：＃f36c20; }

但仍然没有工作任何更多的帮助真的很感激。

谢谢，格雷格。

Answer 1

你没试过！important标签吗？

改变这个：

background-color: #1f255b !important;

进入这个：

background-color: #1f255b;

Answer 2

你错过了课堂上的圆点符号。改变这一行

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

到

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

Answer 3

你错过了。对于jQuery中的metro类

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

最好在jQuery中添加一个类而不是使用.css

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

并在你的css make class

.color-red { background :#f36c20; }

`

改变javascript类背景颜色

3 个答案: