JQuery Hover функции курсора, где он не должен - PullRequest
Новая
       17

JQuery Hover функции курсора, где он не должен

1 голос
/ 24 февраля 2012

В приведенном ниже примере вы можете видеть, что при наведении на изображение черного ящика отскакивает

Я хочу иметь возможность зависать только в черном ящике. Я не могу понять, что мне не хватает.

Кроме того, я хочу добавить CSS3 в черный ящик, когда он находится сверху. Для этого я добавляю класс .focus, но, похоже, не работает. Любое предложение? Та,

http://jsfiddle.net/Q6Czh/19/

1 Ответ

0 голосов
/ 24 февраля 2012

Вы связываете событие hover для элемента <li>, а не только для <a> (черный ящик), поэтому оно срабатывает при наведении курсора на любой элемент в элементе списка.

Измените свой код на это: 

// bind hover on the anchor element
$("#nav-shadow li a").hover(function() {
    var e = this;
    // remove the .find('a') as 'e' is the anchor
    $(e).stop().animate({
        ...
    }, 250, function() {
        ...
    });
    // use .sibling() instead of .find('img')
    $(e).siblings("img.width320").stop().animate({
        ...
    }, 250);
}, function() {
        ...
});​

DEMO

Во второй части я понятия не имею, что вы пытаетесь объяснить ...: - /

...