Question

我使用bootstrap 3 offcanvas为可见的表格制作过滤器选项。

一切正常但唯一的问题是您无法再次单击菜单按钮关闭侧栏。如果你点击其他地方边栏消失，但不在按钮上。

我们能做什么？我试图将灰色蒙版放在所有z-index上，但它不起作用。我认为如果我们可以在侧边栏打开时禁用按钮，它会起作用。如果侧边栏处于打开状态，请更改按钮上的链接。

感谢您的支持或/和提示！

在这里你可以看到我的问题： www.retrofocus.ch/matrix/offcanvas

Answer 1

要解决这个问题，你必须按如下方式点击jquery点击事件

$(document).ready(function(){
  .............
  .............
  $('.navbar-toggle').click(function(){
     if($('#st-container').hasClass('st-menu-open')){
       $('#st-container').removeClass('st-menu-open');
     }
  });
  .............
  .............
});

在上面的jQuery Click功能将起作用。

Answer 2

我们修复它非常简单。我们制作了一个比按钮更高的z指数的div，并且为此增加了一个不透明度加上了20％的余量。现在如果侧边栏关闭，您可以单击按钮。如果侧边栏处于打开状态，则不透明度的div将覆盖按钮，您无法再单击它。如果再次单击该按钮，引导画布的推送器将自动返回到右侧的内容并关闭侧栏。

通过按钮关闭bootstrap offcanvas

2 个答案: