2011-03-05 117 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