2011-03-05 155 views
0

你好所有即時嘗試添加一個類,當我專注於一個小圖像,但它不添加類,什麼即時通訊做錯了?jquery焦點問題

http://jsfiddle.net/6rnU4/

+0

我已經編輯css到.hover所以它不是#hover,但它仍然不工作.- – Sjmon 2011-03-05 23:03:23

回答

3

:hover僞類有什麼問題?

#small-image img:hover { 
    border: 5px solid #333; 
} 

或者

#small-image:hover { 
    border: 5px solid #333; 
} 

(取決於你的意圖)

此外,#hover意味着這是ID爲 「懸停」 頁面元素,而不是與類懸停的元素應用。我認爲你正在尋找.hover

+0

ahh更好的解決方案:d dident想到那個謝謝:D – Sjmon 2011-03-05 23:18:40

0

首先,在最新的jQuery,你需要$(文件)。就緒()。

其次,你首先對隱藏進行了過度編碼。

而且你已經錯過了從添加類塊標識的IMG,請參閱:

加成::布拉德·克里斯蒂是正確的,如果你只是想添加你應該使用一個邊界:徘徊在你的CSS ,如果這只是爲了測試,然後http://jsfiddle.net/6rnU4/10/現在可以工作。

更進一步的上述變化,在您的CSS中.hover被#small-image img覆蓋,因爲它具有更高的特異性。

+0

我認爲$(文檔(){})與新的jQuery版本,你知道我還在做什麼錯誤,因爲它仍然沒有工作來顯示懸停邊框:S – Sjmon 2011-03-05 23:12:54

+0

/@ Sjmon:'$(function(){...});'與'$(document)是同義詞, .ready(function(){...});'。 – 2011-03-05 23:22:23