我在使用mouseenter和jquery的mouseleave时遇到问题。
输入div时，mouseenter功能将启动。当我在完成mouseenter之前离开div时，mouseleave不会触发。
我做了一个jsfiddle使其更容易理解。
码：
$("#menu1").mouseenter(function() {
//code
})
$("#image").mouseleave(function () {
//code
});
因此，当输入按钮时，将出现图像。当在图像出现之前（在光标触摸图像之前）离开按钮时，鼠标离开不会触发。
编辑：将#menu用于鼠标离开时，仅“移动”鼠标时，图像将表现得很奇怪。
我知道已经有这样的问题，但是没有一个对我有用。
非常感谢，对不起我的英语
您可以使用hover事件处理程序设置输入和输出处理程序功能。
如果将鼠标悬停在包装元素上（如）#p2，则更简单，因此当您输入/退出包装器而不是其子容器时，它将被触发。
码：
$('document').ready(function () {
$("#p2").hover(function () {
$(this).css("cursor", "pointer")
$("#image").css("left", "75");
$("#image").stop().animate({
width: "145px",
height: "145px",
left: "0"
}, 'slow');
$("#c").animate({
top: "100"
}, 'slow');
}, function () {
$("#image").stop().animate({
width: "0%",
height: "0%",
left: "75"
}, 'slow');
$("#c").animate({
top: "0"
}, 'slow');
});
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句