如何在点击时关闭导航？

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