推播選單外掛
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 | 在頁面重新整理後保持轉場效果。 |
| animationSpeed | 布林值 | 300 |
設定動畫/轉場速度，等於 scss 的轉場速度。 |
提示！
您可以透過 data-attributes 使用任何選項，例如這樣在 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')