在AdminLTE3:如何隐藏PushMenu侧边栏不只是992px的宽度？

Question

使用AdminLTE 3.0.4，只要屏幕分辨率低于1366px宽度，就想隐藏(不仅仅是折叠) PushMenu侧边栏。

在992px下，它会自动隐藏菜单，但我不清楚这是由Bootstrap完成的，还是由AdminLTE css或js完成的，也不清楚在1366px (而不是992px)下，配置它自动隐藏菜单的最简单方法是什么，就像它是一个手机一样。

<div class="wrapper">
    <!-- Main Sidebar Container -->
    <aside class="main-sidebar sidebar-dark-primary elevation-4">

        <div class="brand-link">...</div>

        <div class="sidebar">
            <div class="user-panel mt-3 pb-3 mb-3 d-flex">
                <div class="image"><i class="nav-icon fas fa-user"></i></div>
                <div class="info">...</div>
            </div>

            <!-- Sidebar Menu -->
            <nav class="mt-2">
                <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
                <li></li>
                </ul>
            </nav>
        </div>
     </aside>
</div>

谢谢

Answer 1

您的侧边栏是由sidebar-mini类管理的，所以请找到在992px断点上切换sidebar-mini的JS，并将其更改为1366px断点。

Answer 2

用于隐藏：

 $('[data-widget="pushmenu"]').PushMenu("collapse");

用于打开：

 $('[data-widget="pushmenu"]').PushMenu("expand");

和切换：

 $('[data-widget="pushmenu"]').PushMenu("toggle");

你的问题的答案：

if (screen.width < 1366)
        $('[data-widget="pushmenu"]').PushMenu("collapse");