jQuery的鼠标悬停事件发出
问题描述:
我目前的工作在哪里,我使用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的只是上面链接页面上当前。
我接受所有建议。
答
每次移动鼠标时都会触发该事件。您应该使用mouseenter
和mouseleave
。
现在完美运行 - 谢谢! – Shaun 2010-04-26 13:32:46