jquery事件相关问题
<div id="A">
<div id="a1"></div><div id="a2"></div>
</div>
<div id="B">
</div>
我其实是想实现：如果鼠标移动到【moveover】 a1 上面的时候，B区域（本来是hide的）会显示出来，然后鼠标从a1移到B的时候，B不能消失，直到鼠标离开a1和B整体区域之外就消失，类似于菜单栏
我目前遇到难题就是，鼠标离开a1区域，就会调用mouseleave方法，B马上就消失，实现是用
$("#a1").mouseleave（function(e){
$("#B").hide();
}
）
有没有一种办法就是鼠标离开a1，但是停留在B上面。B区域不要隐藏
目前想法是：
$("#a1").mouseleave（function(e){
//判断鼠标时候停留在B上面，是就不隐藏B了
$("#B").hide();
}
）请问各位大神有没有更好办法，这个实现起来有点累
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
<div><div id="A1" ></div><div id="A2" ></div></div> <div id="C"> <div id="B" style="display:none"></div> </div> <script> $("#C","#A1").mouseove(function() { $("#B").show(); }) $("#A1","#B").mouseleave(function() { $("#B").hide(); }) </script>2019-07-17 19:55:08赞同 展开评论
相关问答