引導關閉畫布菜單，單擊時折疊

Question

我正在使用“ Off Canvas”菜單，該菜單非常容易上手。 “關閉畫布”菜單我正在努力解決的一個問題是，一旦單擊“關閉畫布”鏈接之一，如何使人員崩潰。 現在我有了它，它可以工作，但是一旦菜單滑出它，立即又會再次出現。

    $(".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");
    });