Jquery mouseover事件问题

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代替。