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元素将不再显示

如何点击任何地方通过jquery隐藏弹出窗口？

1 个答案: