如何在单击时关闭导航

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