gpt4 book ai didi

javascript - jquery mouseover 事件触发两次

转载 作者:行者123 更新时间:2023-12-02 18:01:46 24 4
gpt4 key购买 nike

    $(function(){
$('#webs').mouseenter(function(){
$('#websitehov').fadeIn('slow');
});
$('#webs').mouseleave(function(){
$('#websitehov').fadeOut('slow');
});
});

我知道这方面有很多问题,但我已经尝试了很多,但仍然不起作用,我尝试了不同的事件处理程序,包括 .hover、.mouseover 和 .mouseenter。图像悬停/悬停效果在进入时会多次触发,每当我在图像内移动鼠标时,两个事件就会开始触发。我找到了一个解决方案来阻止这个问题:

(function(){
$('#webs').hover(function(){
$('#websitehov').fadeIn('slow')
}, function() { });
});

但这仅适用于悬停输入,不适用于悬停输出,因为空函数是 mouseout 事件处理程序,不知道您是否可以覆盖它?

最佳答案

我能看到的唯一可能的问题是动画队列,在添加另一个动画队列之前清除动画队列

$(function () {
$('#webs').hover(function () {
$('#websitehov').stop(true, true).fadeIn('slow');
}, function () {
$('#websitehov').stop(true, true).fadeOut('slow');
});
});

演示:Fiddle

关于javascript - jquery mouseover 事件触发两次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20468456/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com