【jQuery】利用可能なスペースに合わせてMoreドロップダウンに折り畳まれるflexMenu

jQuery

flexmenu

February 13, 2018

flexMenuは利用可能なスペースに合わせてMoreドロップダウンに自動的に折り畳まれるメニューバーを作成できるjQueryプラグイン。1つまたは2つのアイテムを表示するスペースしかない場合、すべてのアイテムがMoreドロップダウンに折りたたまれます。

Usage

必要なものをインクルード。

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="flexmenu.min.js"></script>

リストを作成し、display: inline-block;またはfloat: left;を使用してli要素を水平に整列させます。

$( document ).ready(function() {
  $('ul.menu.flex').flexMenu();
});

AMD/RequireJS

RequireJSのようなAMDローダーを使用してロードすることができます。

require(['jquery', 'flexmenu'], function ($) {
  $( document ).ready(function() {
    $('ul.menu.flex').flexMenu();
  });
});

MIT

Latest Posts

Related Posts