javascript - 获取子菜单以保持向下我们在子菜单中单击

Question

当我在 subbmenyn 中单击时，我该怎么做才能使菜单不向上移动？ (当您单击主链接或外部时，子菜单将上升。) 没有javascript可以完成吗？ 如果您没有启用 javascript，则菜单将结束并与 muse over 一起工作。

FIDDLE

代码:

$('.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/