Q&A
drawer.js は、多階層に対応したプラグインかについては確認されましたか？
▽現状
現状ドロップダウンメニューは実現できていますが、多階層にしようとしたところ展開せずに閉じてしまい解決方法が分からず質問
させていただきました。
▽読み込んでいるファイル
・Drawer.js v3.2.2
・dropdown.js v3.3.5
・iscroll-lite.js v5.2.0
・drawer.css
html
1<nav class="drawer-nav"> 2 <ul class="drawer-menu"> 3 <li class="drawer-dropdown sp"> 4 <a class="drawer-menu-item" href="" data-toggle="dropdown" aria-expanded="false">メニュー <span class="drawer-caret"></span></a> 5 <ul class="drawer-dropdown-menu"> 6 <li><a class="drawer-menu-item" href="/personal/">ドロップダウンメニュー01<i class="fa fa-chevron-right" aria-hidden="true"></i></a></li> 7 8 <li> 9 <a class="drawer-menu-item" href="" data-toggle="dropdown" aria-expanded="false">ドロップダウンメニュー02 <span class="drawer-caret"></span></a> 10 <ul class="drawer-dropdown-menu"> 11 <li><a class="drawer-menu-item" href="/personal/">ドロップダウンメニュー02-1<i class="fa fa-chevron-right" aria-hidden="true"></i></a></li> 12 <li><a class="drawer-menu-item" href="/personal/">ドロップダウンメニュー02-2<i class="fa fa-chevron-right" aria-hidden="true"></i></a></li> 13 </ul> 14 </li> 15 16 <li><a class="drawer-menu-item" href="">ドロップダウンメニュー03<i class="fa fa-chevron-right" aria-hidden="true"></i></a></li> 17 <li><a class="drawer-menu-item" href="">ドロップダウンメニュー04<i class="fa fa-chevron-right" aria-hidden="true"></i></a></li> 18 <li><a class="drawer-menu-item" href="">ドロップダウンメニュー05<i class="fa fa-chevron-right" aria-hidden="true"></i></a></li> 19 <li><a class="drawer-menu-item" href="">ドロップダウンメニュー06<i class="fa fa-chevron-right" aria-hidden="true"></i></a></li> 20 <li><a class="drawer-menu-item" href="">ドロップダウンメニュー07<i class="fa fa-chevron-right" aria-hidden="true"></i></a></li> 21 <li><a class="drawer-menu-item" href="">ドロップダウンメニュー08<i class="fa fa-chevron-right" aria-hidden="true"></i></a></li> 22 </ul> 23 </li> 24</ul> 25</nav>
jquery
1/* Drawer.js */ 2$(function() { 3 $('.drawer').drawer(); 4}); 5
▽実現したいこと
ドロップダウンメニュー02 を押すと下のulが開かずに閉じてしまうので、閉じずにulの中身を展開したい
よろしくおねがいいたします。
していないんですか...(;´･ω･)
公式みたいなところを見ても2階層までの説明しかあらず質問させていただきました。
http://git.blivesta.com/drawer/dropdown/
回答1件
0
色々調べても分かりませんでしたので、ひとまずtoggle classを利用して動き自体は解決しました。
ソースがきれいでないので解決方法等が分かればまた追記しようと思います。
ありがとうございました。
投稿2019/05/24 01:59
総合スコア22
あなたの回答
tips
プレビュー
