addClass（“测试”）不起作用 - 但css（“背景”，“红色”）

Question

任何人都知道为什么？

这里的JS：

$(".screenshots .tab1").hover(function() { 
    $(".section1").addClass("test"); 
     }, function() { 
    $(".section1").removeClass("test"); 
     }); 
    }); 

而CSS：

.test { 
    background: black; 
    border: 1px solid #ffb75b; 
    background-color: #fffadb; 
    } 

Answer 1

也许有一个CSS条目否决你的。试试这个：

background-color: #fffadb !important; 

Answer 2

尝试指定一次背景：

.test { 
    border: 1px solid #ffb75b; 
    background-color: #fffadb; 
} 

Answer 3

也许这只是一个复制和粘贴错误，但你有一个});到很多。应该是：

$(".screenshots .tab1").hover(function() { 
    $(".section1").addClass("test"); 
}, function() { 
    $(".section1").removeClass("test"); 
}); 

看到一个活生生的例子：http://jsfiddle.net/wmD4E/

当然background: black将有任何影响，因为background-color: #fffadb;覆盖它。

Answer 4

我认为这是因为你有一个额外的}）;在你的JS代码的末尾。 在这里看到工作示例http://jsbin.com/adeye4/edit