Javascript 鼠标输入和附加不起作用

我需要在

mouseenter

当前div时将一些文本附加到div中，但有时不起作用有时显示有时不在这里

代码：

$（文档）.ready（函数（）{
变量thmb_wrap=$（'.thm img'）；
变量thumb=$（'.thm img img'）；
外部变量=$（'.mn img'）；
var full=$（'.mn img img'）.length；
var sc_height=$（外部）.height（）；
thmb_wrap.one（'mouseenter'，function（）{
var cur_im=$（'.thm img img'）.index（$（this.children（'img'））+1；
$（this）.append（“”+cur_im++’/“”+（full）+“”）；
});
thmb_wrap.on（'mouseenter'，function（）{
$（this）.children（'.numeric'）.stop（）.fadeIn（0）；
});
thmb_wrap.on（'mouseout'，function（）{
$（'.numeric'）.stop（）.fadeOut（0）；
});
$（拇指）.mouseenter（函数（）{
var images=$（'.thm img img'）；//获取图像
//将鼠标移到实际图像上，否则您将不知道将鼠标移到哪个图像上
images.on（'mouseenter'，function（）{
var nm=images.index（$（this））；
外部。停止（）。设置动画({
滚动面：（sc_高度*纳米）+“像素”
}, 0);
});
});
});
.det sl wrp{
显示：块；
宽度：100%；
高度：480px；
背景#848f99；
边框：1px实心#fff；
保证金：8px 0 8px 0；
}
.mn img{
位置：相对位置；
宽度：650px；
身高：100%；
背景：红色；
浮动：左；
溢出y：隐藏；
溢出x：隐藏；
}
.拇指{
浮动：左；
宽度：145px；
溢出y：自动；
身高：100%；
利润率：0.8px；
}
.mn img img{
浮动：左；
宽度：100%；
身高：100%；
}
.sl lft，
.sl rgh{
排名：0；
右：0；
位置：绝对位置；
宽度：50%；
身高：100%；
背景：rgba（0,0,0,0）；
}
.sl rgh{
左：0；
}
.thm img{
位置：相对位置；
宽度：100%；
显示：块；
高度：100px；
保证金：2px0 2px0；
框大小：边框框；
过渡：边界0.3s，左侧0.3s；
边框：1px实心#fff；
}
.thm img：悬停{
边框：1px实心#E78211；
}
.thm img img{
宽度：100%；
身高：100%；
}
.数字{
显示：无；
位置：绝对位置；
左：49px；
底部：-1px；
字体大小：10px；
颜色：#fff；
填充：2px0；
线高：11px；
宽度：30px；
z指数：11；
背景色：#E78211；
文本对齐：居中；
字体系列：无衬线；
}
发生这种情况是因为事件冒泡。（）

从下面的链接可以看到mouseover/mouseout和mouseenter/mouseleave之间的区别


你问题的解决办法是

thmb_wrap.on('mouseleave', function () {
    $('.numeric').stop().fadeOut(0);
});

工作小提琴

您只需
鼠标移动
事件：）
拇指
与
图像
相同。为什么每次输入一个图像时都要将另一个
mouseenter
处理程序绑定到所有图像？