当用户在DIV之外单击时,使用jQuery隐藏DIV

我正在使用以下代码:

$('body')。单击(函数(){
$('.form_wrapper').hide();
});
$('.form_wrapper')。单击(函数(事件){
event.stopPropagation();
});

这个HTML

<div class=“form_wrapper”>
<a class=“agree”href=“javascript:;”>我同意&lt/a>
<a class=“不同意”href=“javascript:;”>不同意&lt/a>
&lt/部门>

问题是,我在div中有链接,当单击时它们不再工作

有同样的问题,想出了这个简单的解决办法。它甚至可以递归工作:

$(文档).mouseup(函数(e)
{
var container=$(“您的容器选择器”);
//如果单击的目标既不是容器也不是容器的后代
如果(!container.is(e.target)&container.has(e.target).length==0)
{
container.hide();
}
});

发表评论