大佬教程收集整理的这篇文章主要介绍了使用 Hover 打开菜单并通过在购物车外单击关闭它，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我的问题是，通过移动购物车按钮，卡片菜单打开，点击卡片菜单之外的按钮，卡片框应该关闭。我写了一些，帮我得到解决方案，谢谢。
$(document).ready(function() {
$('.shop').hover(function() {
$('.carts').CSS('visibility','visible');
});
});
您可以检查点击的目标 (e.target) 是否不是 .carts 元素（用 ! 否定）：
if (!$(e.target).is('.carts')) {
$('.carts').css('visibility','hidden');
}
工作示例：
$(document).ready(function () {
$('.shop').hover(function () {
$('.carts').css('visibility','visible');
});
$('body').click(function(E) {
if (!$(e.target).is('.carts')) {
$('.carts').css('visibility','hidden');
}
});
});.shop {
BACkground-color: yellow;
}
.carts {
BACkground-color: red;
visibility: hidden;
}<script src="https://cdnjs.cloudFlare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="shop">Shop</span>
<div class="carts">Test</div>,
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
</style>
<script src="https://cdnjs.cloudFlare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<div class="carts" style="width: 50px;height: 50px;border: 1px solid;"></div>
</body>
<script>
$(document).click(function(){
$(".carts").hide();
});
$(".carts").click(function(event){
event.stopPropagation();
});
</script>
</html>
以上是大佬教程为你收集整理的使用 Hover 打开菜单并通过在购物车外单击关闭它全部内容，希望文章能够帮你解决使用 Hover 打开菜单并通过在购物车外单击关闭它所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。