Jquery 鼠标悬停事件问题

Posted 2023-05-08

【中文标题】Jquery 鼠标悬停事件问题

【英文标题】：Jquery mouseover event issues

【发布时间】：2011-02-12 09:49:10

【问题描述】：

嗨

我目前正在做一个项目，我正在使用 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 目前仅在上述链接页面上。

我愿意接受所有建议。

【参考方案1】：

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