javascript - 通过两个不同的按钮打开菜单

我是一位具有一定编码经验的设计师，但是我的JS很差。

我正在使用来自的Bootstrap-Offcanvas代码

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

尽管效果很好，但我看不到如何从同一页面上的两个不同按钮打开菜单。

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

我已经试过了

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

我也希望Seach图标也可以打开菜单，但是我尝试的任何方法都没有效果

有人可以帮忙吗？

最佳答案

您必须向按钮添加事件侦听器（您要使用它来打开菜单）。像这样：

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

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

关于javascript - 通过两个不同的按钮打开菜单，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50134784/