MetisMenue在移动视图SB Admin 2

时间:2017-08-15 13:15:31

标签: menu collapse metis

我使用" SB Admin 2"项目主题。

集成Metis菜单在桌面上也能在平板电脑上运行良好。 但是当我用手机访问该页面时,菜单并没有完全隐藏。 仅当我滚动页面时。

您可以访问https://blackrockdigital.github.io/startbootstrap-sb-admin-2/pages/index.html来测试ist。

如果您将浏览器缩小到与移动屏幕类似的程度,则菜单不会隐藏。

我尝试使用$('#side-menu').metisMenu('collapse');在index.html文件的底部执行此操作,但它不起作用。这也在sb-admin-2.js文件中定义。但它也是最重要的工作。

即使在移动设备上,您能帮我完整地隐藏菜单吗?

2 个答案:

答案 0 :(得分:1)

尝试将JQuery版本降级到2.1.3: https://code.jquery.com/jquery-2.1.3.min.js

使用更新的Jquery版本的metismenu存在问题: https://github.com/onokumus/metismenu/issues/128

答案 1 :(得分:0)

你可以用css隐藏它

来做到这一点
.navbar-top-links {
  display: none 
}

或者,如果您不想仅在按钮点击时隐藏它。在当前无序列表(ul)之前创建一个包含这些属性的新按钮

<button type="button" class="collapse-2" data-toggle="collapse" href="#collapse2" aria-expanded="true"> 

并替换此代码

<ul class="nav navbar-top-links navbar-right">

使用此代码

<ul class="nav navbar-top-links navbar-right navbar-expand-sm navbar-collapse panel-collapse collapse" id="collapse2">

我设法让它像这样工作只需要设置按钮的样式并将其放在正确的位置。