Question

我有一个导航栏但有两个切换部分 - 一个是菜单，第二个是带城市的图片。

我有两个按钮可以切换每个下拉导航栏。但是我希望有一个按钮可以关闭打开的任何一个导航栏。

我在navbars中添加了单独的类 - 一个是.cities，第二个是.menu。两者都有类，navbar-collapsed崩溃＆＃34; 当我打开一个导航栏.cities时，我无法使用与关闭.menu相同的按钮关闭它。它只是切换.menu并覆盖.cities所以我打开了两个导航栏然后我可以用这个按钮打开和关闭.menu。

我尝试更改 - 数据切换，带有onclick事件的数据目标，但似乎没有任何效果。

总结一下=两个按钮可以打开两个导航栏（有效）但会关闭一个当前打开的导航栏。

Answer 1

解决了这个问题 - 无论我在该导航栏外部点击它都会崩溃。我使用相同的原理进行了一些修改，我在函数链接中添加了这个，关闭按钮“因此，无论是用户点击页面上的任何位置还是直接关闭按钮，它都会关闭。

 <script type="text/javascript">
 $(document).click(function(e) {
     if (!$(e.target).is('a')) {
         $('.cities').collapse('hide');
        $('.menu').collapse('hide');
        $('#navbars').attr('data-target','.menu');        
    }
 });
 </script>

使用一个切换按钮关闭两个打开的导航栏中的一个

1 个答案: