AdminLTELogo

侧边栏菜单插件

侧边栏菜单插件控制主侧边栏的切换按钮。

用法

该插件可以作为 jQuery 插件或使用数据 API 激活。

数据 API

向按钮添加 data-widget="pushmenu" 以激活插件。

<button class="btn btn-primary" data-widget="pushmenu">Toggle Sidebar</button>
jQuery
$('.sidebar-toggle-btn').PushMenu(options)
选项
名称 类型 默认值 描述
autoCollapseSize 布尔值/数字 FALSE 触发自动折叠侧边栏的屏幕宽度(以像素为单位)。
enableRemember 布尔值 FALSE 记住侧边栏状态并在页面刷新后设置。
noTransitionAfterReload 布尔值 TRUE 在页面刷新后保持过渡效果。
提示!

您可以像这样使用 data-attributes 来启用任何选项,例如在 768 像素宽度时启用自动折叠侧边栏。

<button class="btn btn-primary" data-widget="pushmenu" data-auto-collapse-size="768">Toggle Sidebar</button>
事件
事件类型 描述
collapsed.lte.pushmenu 当侧边栏折叠时触发。
shown.lte.pushmenu 当侧边栏显示时触发。

示例:$(document).on('shown.lte.pushmenu', handleExpandedEvent)

方法
方法 描述
toggle 在展开和折叠之间切换菜单状态。
collapse 折叠侧边栏菜单。
expand 展开侧边栏菜单

示例:$('[data-widget="pushmenu"]').PushMenu('toggle')