侧边栏菜单插件控制主侧边栏的切换按钮。
该插件可以作为 jQuery 插件或使用数据 API 激活。
向按钮添加 data-widget="pushmenu"
以激活插件。
<button class="btn btn-primary" data-widget="pushmenu">Toggle Sidebar</button>
$('.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')