проблема фокуса jquery

Question

Привет всем, я пытаюсь добавить класс, когда фокусируюсь на маленьком изображении, но он не добавляет класс, что я делаю неправильно?

http://jsfiddle.net/6rnU4/

Answer 1

Что не так с псевдоклассом :hover?

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

Или

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

(в зависимости от ваших намерений)

Кроме того, #hover подразумевает, что это элемент страницы с идентификатором "hover", а не элемент с примененным классом hover.Я думаю, что вы ищете .hover

Answer 2

Во-первых, в последнем jquery вам нужно $ (document) .ready ().

Во-вторых, вы перепутали шкуру, кроме первой.

И вы пропустили img из вашего идентификатора в блоке добавления классов, см .:

Добавление :: Брэд Кристи прав, если вы просто хотите добавить рамку, которую вы должны использовать: hover в вашем css, если это только для тестирования, то http://jsfiddle.net/6rnU4/10/ теперь это работает.

в дополнение к изменениям, приведенным выше, в вашем CSS. Hover был переопределен # small-image img, потому что он имеет большую специфичность.