通过按钮关闭bootstrap offcanvas

Question

我使用bootstrap 3 offcanvas为表格显示一个过滤器选项。

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

我们该怎么办？我试图用灰色面具覆盖z-index，但它不起作用。如果我们可以在边栏打开的情况下禁用按钮，我认为它会起作用。或者在侧边栏打开的情况下更改按钮上的链接。

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

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

Answer 1

我们修复它很简单。我们制作了一个Z值高于按钮的div，并对该加上了一个不透明度，剩下20％的余量。现在如果侧边栏关闭，您可以点击按钮。如果侧边栏打开，带有不透明度的div覆盖按钮，您不能再点击它。如果再次单击该按钮，引导画布的st推动器将自动将您带回到右侧的内容并关闭侧边栏。

Answer 2

到如下

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

在上面jQuery的点击功能将努力解决这个问题，你必须屁股jQuery的单击事件。