addClass（“ test”）不起作用-但是css（“ background”，“ red”）起作用

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

也許這只是復制和粘貼錯誤，但是您有一個}); 太多。 應該：

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

查看現場示例： http : //jsfiddle.net/wmD4E/

當然background: black不會起作用，因為background-color: #fffadb; 覆蓋它。

Answer 3

我認為是因為您有一個額外的}）； 在您的JS代碼的末尾。 在這里查看工作示例http://jsbin.com/adeye4/edit

Answer 4

嘗試一次指定背景：

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