Push Menu 插件

优质
小牛编辑
139浏览
2023-12-01

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

用法

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

数据 API

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

<button class="btn btn-primary" data-widget="pushmenu">切换侧边栏</button>

jQuery

$('.sidebar-toggle-btn').PushMenu(options)

选项

名称类型默认说明
autoCollapseSizeBoolean/NumberFALSE屏幕宽度(以像素为单位)触发自动折叠侧边栏
enableRememberBooleanFALSE记住侧边栏状态并在页面刷新后进行设置。
noTransitionAfterReloadBooleanTRUE刷新页面后保持转换。

你可以通过数据属性来启用宽度为 768px 的自动折叠侧边栏。

<button class="btn btn-primary" data-widget="pushmenu" data-auto-collapse-size="768">切换侧边栏</button>

事件

事件类型说明
collapsed.lte.pushmenu侧边栏折叠时触发。
shown.lte.pushmenu侧边栏显示时触发。

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

方法

方法说明
toggle 折叠/展开侧边栏。
collapse折叠侧边栏菜单。
expand展开侧边栏菜单。

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