プッシュメニュープラグイン | AdminLTE v3 ドキュメント

プッシュメニュープラグインは、メインサイドバーの切り替えボタンを制御します。

使用法

このプラグインは、jQueryプラグインとして、またはデータAPIを使用してアクティブ化できます。

データAPI

プラグインをアクティブ化するには、ボタンに data-widget="pushmenu" を追加します。

<button class="btn btn-primary" data-widget="pushmenu">Toggle Sidebar</button>

jQuery

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

オプション

名前	タイプ	デフォルト	説明
autoCollapseSize	boolean/number	FALSE	サイドバーの自動折り畳みをトリガーするピクセル単位の画面の幅
enableRemember	boolean	FALSE	サイドバーの状態を記録し、ページのリフレッシュ後に設定します。
noTransitionAfterReload	boolean	TRUE	ページのリフレッシュ後にトランジションを保持します。

ヒント!

768ピクセルの幅でサイドバーの自動折り畳みを有効にするには、以下のように、すべてのオプションをdata属性で使用できます。
<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')