仅在文档外部单击时如何隐藏UL？

Question

我不确定为什么会出错，并且每次尝试比较目标时，我都不确定。

我在这里做错了什么？

menu.find('> li').each(function() {
    var li = $(this);
    var ul = li.find('> ul');
    var a = li.find('> a');

    if(ul.length) {
        a.click(function(event) {
            event.preventDefault();
            event.stopPropagation();

            if(a.hasClass('open')) {
                a.removeClass('open');
            }
            else {
                a.addClass('open');
            }

            ul.toggle();

            $(document).click(function() {
                var target = $(event.target);

                alert(target.attr('class'));

                if(!target.is(ul) && !target.is(li) && !target.is(a)) {
                    ul.hide();
                }
            });
        });
    }
});

Answer 1

我在您的代码中发现了几个错误：

• 首先，将$(document).click()事件移到每个循环之外。 否则，此事件将根据页面上有多少menu>li附加多次。
• 第二，可能是您的alert(target.attr('class')); undefined的原因alert(target.attr('class')); 这是因为您没有为点击事件提供参数。 将您的代码更改为：

$(document).click(function (event) {});