Проблемы с наведением курсора Jquery - PullRequest
Новая
       26

Проблемы с наведением курсора Jquery

2 голосов
/ 26 апреля 2010

Привет

В настоящее время я работаю над проектом, в котором я использую jQuery для анимации блока текста при наведении мыши. Прослушиватель событий находится на содержащем div (как показано в приведенном ниже коде) и работает очень хорошо, пока курсор мыши не окажется над заголовком ( .views-field-title ), который находится абсолютно над содержащим div. Анимация начинает прыгать почти так, как будто она начинается заново? Что я делаю не так? 

$('#interior_design .views-row').mouseover(function(){
    $('.views-field-title', this).stop(true, true).animate(
        { height: '+=10px' },
        { duration: 'fast'});
    });

$('#interior_design .views-row').mouseout(function(){
    $('.views-field-title', this).stop(true, true).animate(
        { height: '-=10px' },
        { duration: 'fast'});
    });

Ссылка на сервер разработчика: http://viva.bangtest.co.uk/interior-design

Примечание: этот сайт все еще находится в разработке, поэтому jQuery в настоящее время находится только на указанной выше странице.

Я открыт для всех предложений.

1 Ответ

3 голосов
/ 26 апреля 2010

Это событие срабатывает каждый раз, когда вы двигаете мышь. Вы должны использовать mouseenter и mouseleave вместо.

...