jQuery的鼠标悬停事件发出

Question

嗨

我目前的工作在哪里，我使用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的只是上面链接页面上当前。

我接受所有建议。

Answer 1

每次移动鼠标时都会触发该事件。您应该使用mouseenter和mouseleave。