PushMenuプラグインはメインサイドバーの切り替えボタンを制御します。
このプラグインは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 | ページリフレッシュ後にトランジションを保持します。 |
ヒント!
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')