使用mouseenter和mouseleave的jquery映射问题

我尝试用一种“工具提示”实现一个图像映射

$（文档）.ready（函数（）{
$（'#绿色'）。on（'mouseenter'，function（）{
工具提示=$（'#工具提示1'）.html（）；
$（'body'）。追加（“”+工具提示+“”）；
});
$（'#绿色'）。on（'mouseleave'，function（）{
//$（'.toolTip'）.remove（）；
});
$（“#橙色”）.on（'mouseenter'，function（）{
toolTip=$（'#toolTip2'）.html（）；
$（'body'）。追加（“”+工具提示+“”）；
});
$（“#橙色”）.on（'mouseleave'，function（）{
//$（'.toolTip'）.remove（）；
});
});
$（文档）.mousemove（函数（事件）{
$（“.toolTip”）.attr（'style'，'left:'+（event.pageX-10）+“px；top:”+（event.pageY-25）+“px”）；
});
。工具提示{
背景色：#ffffff；
边框：1px实心#ff0000；
填充物：5px；
宽度：200px；
位置：绝对位置；
z指数：10000；
}

地图
这是工具提示1（绿色）
这是工具提示2（橙色）
您遇到的问题是，在删除工具提示时，上次mousemove事件无法正常工作

这将解决您的问题：


$（文档）.ready（函数（）{
$（'绿色，'橙色'）。悬停（函数（e）{
$（“.toolTip”）.toggle（）
如果（this.id==“绿色”）{
$（“.toolTip”）.text（'这是工具提示1（绿色）'）
}否则{
$（“.toolTip”）.text（'这是工具提示2（橙色）'）
}
});
$（文档）.on（'mousemove'，函数（e）{
$（“.toolTip”）.css({
“左”：e.pageX-10+“px”，
“顶部”：e.pageY-35+“px”
})
})
})
。工具提示{
背景色：#ffffff；
边框：1px实心#ff0000；
填充物：5px；
宽度：200px；
位置：绝对位置；
z指数：10000；
}

更好：）当我移动到方块上时，工具提示会闪烁，有时会消失：（但我会寻找解决方案…问题是当你的鼠标进入时。工具提示。也就是说，当你离开时，它会弹起来。#greenHi，我不知道你是否解决了你的问题，但请查看我编辑的代码。它现在运行正常。希望对你有所帮助。