Question

我在这里做错了什么？

我正在尝试使用jquery来更改背景颜色，在加载文档时却不知道为什么会这样做？

HTML：

<div class="myTabs">
    <div class="ajax__tab_active">
        <div class=".ajax__tab_inner" style="width: 100px; height: 100px; background-color: green;" >

        </div>
    </div>
</div>

CSS：

.myTabs .ajax__tab_active .ajax__tab_inner{
 width:100px;
 background-color:green;   
}

使用Javascript：

$(document).ready(function() {
    $('.myTabs .ajax__tab_active .ajax__tab_inner').css('background-color', red);
});

Answer 1

red未声明，与primaryColor的旧版JSFiddle不同。你需要把它变成一个字符串：

$('.myTabs .ajax__tab_active .ajax__tab_inner').css('background-color', 'red');

更新前

您尚未声明primaryColor。声明它并在$.css()行之前为其指定颜色：

var primaryColor = '#f00';    // Red

$('.myTabs .ajax__tab_active .ajax__tab_inner').css('background-color', primaryColor);

Firebug的控制台出现了我的错误：

primaryColor is not defined

开发JavaScript时，应始终打开调试控制台;它使得修复bug变得更加容易。

Answer 2

您为内部div指定了类.ajax__tab_inner。摆脱这段时期。

<div class="ajax__tab_inner" style="width: 100px; height: 100px; background-color: green;" >

Answer 3

一些问题，

在您的标记中，您使用了<div class=".ajax__tab_inner"将其更改为<div class="ajax__tab_inner"
未定义primaryColor。在.css。

修正代码here

修改：在您更新的小提琴中，红色不在引号内..将其更改为.css('background-color', 'red');

Answer 4

您需要删除html中ajax__tab_inner前面的点。

Answer 5

标记中存在拼写错误或复制/粘贴问题

<div class=".ajax__tab_inner" style="width: 100px; height: 100px; background-color: green;" >

从上面的div元素中的类名中删除.，它将起作用。

http://jsfiddle.net/KczZd/13/

操纵背景颜色

5 个答案:

更新前