javascript - 我的 javascript 阻止我的代码工作

标签 javascript html css

我已将侧边导航栏设置为已切换,并通过单击远离导航栏按钮的任何点导航栏折叠并且按钮无法单击它

$("#menu-toggle").click(function (e) {
    e.preventDefault();
    $("#wrapper").toggleClass("toggled");
});

$(document).click(function (e) {
    if ($('#wrapper').hasClass('toggled')) {
        $("#body").click(function (e) {
            e.preventDefault();
            $("#wrapper").removeClass("toggled");
        });
    }
});

最佳答案

点击事件后不要绑定(bind)点击事件。
我没有看到 $(document).click(function(e){ }) 的用途

$("#menu-toggle").click(function (e) {
    e.preventDefault();
    $("#wrapper").toggleClass("toggled");
});

$("#body").click(function (e) {
    e.preventDefault();
    if ($('#wrapper').hasClass('toggled'))
        $("#wrapper").removeClass("toggled");
});

也许删除 #$('#body') 上如果它需要在 <body> 上标签和 <body>标签没有 ID。因为#是一个 id 选择器。

关于javascript - 我的 javascript 阻止我的代码工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50950137/

相关文章:

javascript - 如何使用 jquery 在新选项卡中使用 'POST' 进行重定向?

CSS3 背景 - 多个背景大小属性

javascript - Jquery 移动到其他 div(动画)

css - LI 在 IE7 中拉伸(stretch)到整个页面宽度,但在 Chrome 中没问题

javascript - 如何将日期转换为正常格式,如 "2017-03-03 09:46:22.103"?

javascript - 如何将事件与选择框的选项 ID 相关联

javascript - Youtube如何实现此列表控件?

html - 滚动时如何使输入不可见

Javascript 在滚动时显示/隐藏菜单

html - 自定义 HTML 标签