推送菜单插件
推送菜单插件控制主侧边栏的切换按钮。
使用方法
该插件可以作为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 | 在页面刷新后保持过渡效果。 |
| 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')
