javascript - JQuery 不会按内部项删除类

Question

我想创建一个多级 Canvas 外菜单，但我犯了一个错误，因为 Jquery 不会按子元素删除类。在示例中，您可以看到当您按“后退”时没有任何内容出现，如果您使用 chrome 的开发人员工具，您可以看到某些内容出现在 div 类中，但不会被删除。

这是 fiddle

$(function(){       
    $(".m-nav-back").click(function(){
            $(".under-level").removeClass("active");
    });
});

Answer 1

它是在事件冒泡时发生的，所以类在 back 的点击中被删除，然后在它被重新添加之后。所以尝试使用:

event.stopPropagation() .

此外，您不需要检查元素是否具有类然后将其删除。只需切换它:

$(".m-nav-opener").click(function(){
    $("body").toggleClass("m-nav-open");
});

此外，您不需要多次使用 $(function() { blah blah });。

这是 DEMO .