javascript - 如何通过 jquery 在任意位置单击隐藏弹出窗口？

Question

我有代码，当单击按钮时，会显示一个弹出窗口，该代码工作正常。但它仍然坚持显示。

我希望能够单击任意位置来隐藏此弹出窗口。

这是html代码:

<div class="popover-edit arrow_box">
<ul>
    <li><a href="#">Edit</a></li>
    <li><a href="#">test</a></li>
    <li><a href="#">profile</a></li>
    <li><a href="#">Logout</a></li>
</ul></div>

还有这个 JavaScript:

<script type="text/javascript">
$(".mobile-edit").on("click", function() {
  $(".popover-edit").toggleClass("animate");
return false;    
});
</script>

Answer 1

如果我理解正确的话...

$(document).ready (function(){

    $('body').on('click', function(){
        $(".popover-edit").css('display','none');
    });
)};

每当单击正文时，.popover-edit 元素将不再显示