从两个不同的按钮打开菜单

Question

我是一名具有一定编码经验的设计师，但我的JS非常差。

我正在使用

中的Bootstrap-Offcanvas代码

https://github.com/iamphill/Bootstrap-Offcanvas

虽然很棒，但我无法看到如何从同一页面上的两个不同按钮打开菜单。

JS在这里： https://codepen.io/TMDESIGNS/pen/RygvjQ

我试过这个

 $("js-bootstrap-offcanvas").trigger("offcanvas.open");

我希望seach图标也能打开菜单，但我尝试无效

任何人都可以帮忙吗？

Answer 1

你必须添加和事件监听器到一个按钮（你想用来打开菜单）。像这样：

const button = document.querySelector('button');

button.addEventListener('click', () => $("#js-bootstrap-offcanvas").trigger("offcanvas.open"), false);