JQuery AddClass проблема

Question

я пытаюсь создать рамку для изображения, когда я наведите на него курсор, но он не добавляет его: S, но я попробовал console.log, и он показывает текст, который я написал, но не добавляет к нему класс: S

Это мой код

<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

пытается удалить пробел в вашем селекторе:

$('#small-image .thumb')

до

$('#small-image.thumb')

Answer 2

Возможно, проблема в том, что ваш базовый CSS переопределяет стили в классе test?

Если вам не нужен IE6, вы можете сделать все это с помощью CSS:

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

Answer 3

Ваш код работает нормально:

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

Какова бы ни была проблема, дело не в том, что вы опубликовали.

Answer 4

Зачем вам нужен JavaScript для этого?

Markup:

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

CSS:

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

рабочий пример: http://jsfiddle.net/JndDd/