jquery addclass問題

Question

即時嘗試爲圖像創建邊框時，我將鼠標懸停但它不添加它：S但我已嘗試console.log，它顯示文字我已寫入，但它dosent添加類到它：小號

這是我的代碼

<style> 
.test { 
    border: 1px solid #000; 
} 
</style> 
// add a class to the image that is focus on 
$('#small-image .thumb').hover(function() { 
    $(this).addClass('test'); 
     console.log('hover'); 
}, function() { 
    $(this).removeClass('test'); 
     console.log('out'); 
}); 

Answer 1

爲什麼你需要的JavaScript的呢？

標記：

<div id="foo"></div> 

CSS：

#foo {width:50px; height:50px; border: 1px solid blue} 
#foo:hover {border-color: red} 

工作示例：http://jsfiddle.net/JndDd/

Answer 2

問題也許是你的基地覆蓋CSS樣式在test類？

如果你不在乎IE6，你可以做整個事情與CSS：

#small-image.thumb:hover { 
    border: 5px solid blue; 
} 

Answer 3

你的代碼似乎就好運行：

http://jsfiddle.net/eDyTg/1/

不管問題是什麼，它不符合你發佈的內容。

Answer 4

試圖在你選擇刪除的空間：

$('#small-image .thumb') 

到

$('#small-image.thumb')