offcanvas jquery 触发器在 React 中不起作用答案

【问题标题】：offcanvas jquery trigger not working in Reactoffcanvas jquery 触发器在 React 中不起作用
【发布时间】：2016-07-24 08:57:05
【问题描述】：

我在 react 应用程序中包含了 jasny's bootstrap offcanvas 菜单。虽然我可以通过jasny's example 中的控制台触发和隐藏打开的菜单，但如下所示：

$('.navmenu').offcanvas('hide')

但是在我的 react 应用程序中执行相同操作会引发错误：Uncaught TypeError: $(...).offcanvas is not a function(...)

我猜它与 javascript 闭包有关。还有其他方法可以触发吗？

【问题讨论】：

【解决方案1】：

我最终不得不在页面加载时像这样触发：

      if(window.innerWidth > 1000)
          document.getElementById('navbar-toggle').click();

【讨论】：

【解决方案2】：

我是如何解决的：

// to show it
let myOffcanvas = new window.bootstrap.Offcanvas(document.getElementById('offcanvasId'))
myOffcanvas.show();

然后

// to hide it
let myOffcanvas = window.bootstrap.Offcanvas.getInstance(document.getElementById('offcanvasId'))
myOffcanvas.hide();

【讨论】：