Question

我正在使用这个Off Canvas菜单，我发现它非常简单易用。 Off Canvas menu我正在努力解决的一个问题是，一旦点击其中一个非画布链接，如何让男人崩溃。现在我有这个，它可以工作，但只要菜单滑下它，立即再次出现。

    $(".navbar-toggle").on("click", function () {
    console.log("toggle");
    $("#myNavmenu a").offcanvas("hide")
});

这是我的HTML：

    <div id="burgerWrapper">
             <nav id="myNavmenu" class="navmenu navmenu-default navmenu-fixed-left offcanvas" role="navigation">
                <ul class="nav navmenu-nav">
                    <li class="active"><a href="#">INTRO</a></li>
                    <li><a href="#">LOCAL COURT MATTERS</a></li>
                    <li><a href="#">SECTION 32 APPLICATIONS</a></li>
                 </ul>
            </nav>
            <div class="navbar navbar-default navbar-fixed-top" data-spy="affix" data-offset-top="200">
                <button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target="#myNavmenu" data-canvas="body">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
        </div>

任何帮助都会很棒！

Answer 1

您可能有另一个绑定到该元素的事件。试试$.unbind()：

    $(".navbar-toggle").unbind().on("click", function () {
        console.log("toggle");
        $("#myNavmenu a").offcanvas("hide");
    });

单击后，画布菜单上的bootstrap折叠

1 个答案: