Question

当我在subbmenyn中点击时，如何才能使菜单不起作用？（单击主链接或外部时，子菜单会上升。）可以不用javascript完成吗？如果你没有启用javascript，那么菜单就会结束并与缪斯一起工作。

CODE：

$('.nav > ul').toggleClass('no-js js');
$('.nav .js ul').hide();

$(document).on("click", function(e) {
    var $elem = $(e.target);
    if ($elem.hasClass('clicker')) {
        $('.nav .js ul').not($elem.next('ul')).hide();
        $elem.next("ul").slideToggle();
    } else {
        $('.nav .js ul').hide();
    }
})

Answer 1

只需更改else即可检查单击的元素是否不在该容器中，并且它不是容器。虽然您有几个具有相同Id的元素，但您应该将它们更改为类

<div class="contentHolder">

所以你的jQuery就是

else if (!$($elem).parents('.contentHolder').length && !$elem.hasClass('contentHolder')) {

您需要将CSS #contentHolder更新为.contentHolder

http://jsfiddle.net/6ddvq/5/

获取子菜单以便我们点击子菜单中的内容

1 个答案: