前提・実現したいこと
初心者なので下記のサイトを参考にdrawer.jsのドロップダウンメニューをbootstrapで
使えるようにした所、
addClassでclassがちゃんと追加されメニューが表示されるのですが、
removeClassが効かずドロップダウンメニューを一度開くと閉じることができません…
原因がわからず困っています
該当のソースコード
<script> $(document).ready(function() { $('.drawer').drawer(); // ↓ 2. ドロップダウンが開閉したときにopenクラスを変更するコードを追加 $('.drawer-dropdown').on('show.bs.dropdown', function(){ $(this).addClass("open"); }); $('.drawer-dropdown').on('hide.bs.dropdown', function(){ $(this).removeClass("open"); return false; // この行追加 }); }); </script>
試したこと
下記のサイトを参考にreturn false;追加したり試したのですが解決できませんでした。
(jQueryのことを全然わかっていないのでトンチンカンなことをしてるかもしれません)
▼参考サイト
https://teratail.com/questions/280956
補足情報(FW/ツールのバージョンなど)
bootstrap4を利用しています
問題が再現するコードをご提示ください。
ここから、drawer.js をググってライブラリコードを取得してHTMLを想像で作って……みたいなことをやるのしんどいです。
あと、ご提示のSOの回答に「ライブラリdrawerがbootstrap4に対応していない」と書いてあるんですが、それはいいんですか?
あなたの回答
tips
プレビュー