Jquery 鼠标悬停事件问题

Question

嗨

我目前正在做一个项目，我正在使用 jQuery 为鼠标悬停的文本块设置动画。事件监听器位于包含的 div 上（如下面的代码所示），并且工作得非常好，直到鼠标悬停在绝对位于包含 div 上方的标题 (.views-field-title) 上。动画开始跳跃，几乎就像重新开始一样？我做错了什么？

$('#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。