在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");