意外的鼠标移出
我在“http://dev.moragues.pe/austral/es/#/nosotros/organizacion/gerencia/”上有一个画廊,我已经注册了两个事件
jQuery('.ngg-gallery-thumbnail a img')
.live('mouseover',function() {
alert('a');
jQuery(this).css('zIndex','100').addClass("hover").stop()
.animate({
top: '0',
left: '0',
width: '415px',
height: '315px'
}, 600);
})
.live('mouseout',function(){
alert('b');
it = jQuery(this).attr('initialTop');
il = jQuery(this).attr('initialLeft');
jQuery(this).removeClass("hover").stop()
.animate({
top: it,
left: il,
width: '105px',
height: '80px'
}, 600,function(){
jQuery(this).css('zIndex','0').addClass("hover").stop()
});
});
但是当我将鼠标放在 div 上时,我看到了警报('a '),警报('b')和警报('a')再次,但我刚刚通过了鼠标(所以我认为这只是一个事件)
我发生在谷歌浏览器和互联网浏览器中。有没有男孩有什么想法?
I have a gallery on "http://dev.moragues.pe/austral/es/#/nosotros/organizacion/gerencia/" I have registered two events
jQuery('.ngg-gallery-thumbnail a img')
.live('mouseover',function() {
alert('a');
jQuery(this).css('zIndex','100').addClass("hover").stop()
.animate({
top: '0',
left: '0',
width: '415px',
height: '315px'
}, 600);
})
.live('mouseout',function(){
alert('b');
it = jQuery(this).attr('initialTop');
il = jQuery(this).attr('initialLeft');
jQuery(this).removeClass("hover").stop()
.animate({
top: it,
left: il,
width: '105px',
height: '80px'
}, 600,function(){
jQuery(this).css('zIndex','0').addClass("hover").stop()
});
});
But when I put the mouse over the div I see the alert('a'), the alert('b') and the alert('a') again but I just have passed the mouse (so I think it's just one event)
I happen in google chrome and Internet explorer. Does anyboy has any idea?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
仅当使用
alert()
将焦点设置在警报框上时才会出现此问题,从而导致mouseover
事件多次触发。当我将
alert
更改为console.log
或其他操作时,它只会触发一次。The issue only happens when using
alert()
which sets the focus on the alert box, causing themouseover
event to fire multiple times.When i change the
alert
toconsole.log
or some other action, it only fires once.