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