Push 菜单插件

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

用法

此插件可以用作 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 页面刷新后保持过渡。
提示!

您可以通过类似这样数据属性使用任何选项,以在 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')