如何在点击时关闭导航？

Question

类似于this示例中的内容，但在您点击导航项后关闭

https://codepen.io/j_holtslander/pen/XmpMEp

Answer 1

我采取的方法是挂接到每个菜单项的click事件中。

单击它后，您将要模拟对汉堡关闭图标的点击。

document.querySelectorAll(".nav.sidebar-nav a").forEach(function(el){
    el.addEventListener('click', function(){
        document.querySelector('[data-toggle=offcanvas]').click();
    });
});

https://codepen.io/craigiswayne/pen/axRKME

当然，还有其他方法，例如钩入Bootstrap事件。