如何在点击时关闭导航？

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 事件。