javascript - Jquery 鼠标悬停事件问题

Question

你好

我目前正在开展一个项目，我正在使用 jQuery 为鼠标悬停的文本 block 设置动画。事件监听器位于包含的 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。