javascript - JQuery - 也可以在点击时触发更改

Question

我有一个基本的 JQuery 脚本，它会在您单击时更改一些 div - 从而通过切换显示它们。

<script type="text/javascript">
     $('#content_display').click(function() {
         $(this).toggleClass('selected');
         $('#content_display_selector_container').toggle();
     });
</script>

但是 - 要调用 even，您只需单击 ID 为“content_display”的第一个主 div。

我的问题是:如果用户还单击 BODY，我如何使用 JQuery 隐藏这些更改 - 即，如果您单击离开，div 将返回到其原始隐藏状态？

感谢帮助 JQuery clutz!

Answer 1

像这样的东西应该可以工作:

$('body').click(function(e) {
    if (!$(e.target).is('#content_display')) {
        $('#content_display').removeClass('selected');
        $('content_display_selector_container').hide();
    }
});