【jQuery】スペースが足りなくなったときにドロップダウンメニューに自動的に折りたたまれるメニューflexmenu2

jQuery

flexmenu2

February 13, 2018

flexmenu2はjQueryプラグインで、スペースが足りなくなったときにドロップダウンメニューに自動的に折りたたまれるレスポンシブメニューを作成できます。

Usage

最初のliselectedクラスを追加し、最初のアンカータグにactiveクラスを追加します。

   
<ul class="flex">
    <li class="selected"><a class="active" href="/home">Home</a></li>
    <li><a href="/about">About</a></li>
</ul>

flexMenuを呼び出します。

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

プラグインは、RequireJSのようなAMDローダーを使用してロードすることができます

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

MIT

Latest Posts

Related Posts