侧边栏展开菜单插件
侧边栏展开菜单插件控制的是主侧边栏的切换按钮。
用法
此插件可作为 jQuery 插件激活，或使用数据接口激活。
数据接口
将 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 | 页面刷新后保持过渡状态。 |
| animationSpeed | 布尔值 | 300 |
设定动画/过渡速度，等于 scss 过渡速度。 |
提示！
你可以通过数据属性使用任何选项，如下所示，以在宽度为 768 像素时启用自动折叠侧边栏。
<button class="btn btn-primary" data-widget="pushmenu" data-auto-collapse-size="768">Toggle Sidebar</button>
事件
| 事件类型 | 描述 |
|---|---|
| collapsed.lte.pushmenu | 当侧边栏折叠时触发。 |
| collapsed-done.lte.pushmenu | 侧边栏完全折叠时触发。 |
| shown.lte.pushmenu | 当侧边栏显示时触发。 |
示例：$(document).on('shown.lte.pushmenu', handleExpandedEvent)
方法
| 方法 | 描述 |
|---|---|
| toggle | 在展开和折叠之间切换菜单的状态。 |
| collapse | 折叠侧边栏菜单。 |
| expand | 展开侧边栏菜单。 |
示例：$('[data-widget="pushmenu"]').PushMenu('toggle')