Drawer js ドロップダウンの挙動について

Drawerjs について分かりませんでしたので質問させてください。

php
1<li class="drawer-dropdown">
2			<a class="drawer-menu-item" href="/company/" data-toggle="dropdown">親メニュー<span class="drawer-caret"></span></a>
3				<ul class="drawer-dropdown-menu">
4			        <li><a class="drawer-menu-item" href="">menu</a></li>
5			        <li><a class="drawer-menu-item" href="">menu</a></li>
6			        <li><a class="drawer-menu-item" href="">menu</a></li>
7			        <li><a class="drawer-menu-item" href="">menu</a></li>
8			        <li><a class="drawer-menu-item" href="">menu</a></li>
9			        <li><a class="drawer-menu-item" href="">menumenu</a></li>
10	          	</ul>
11</li>

上記のコードと

jquery
1<script>
2$(function() {
3    $('.drawer').drawer();
4});
5</script>

このコードで動かしていてメニュー自体は動作するのですが、
ドロップダウンメニューを開いてリンク先を押したときに
リンクに移動する前にメニューが閉じてしまいます。

＜やりたいこと＞
ドロップダウンを開いてメニューを押した際にリンクに推移するまでドロップメニューを閉じないようにしたい

どのようにすればいいのか調べても分かりませんでしたので質問させていただきました。

どうぞよろしくお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

Bootstrap 3 の Dropdown が使われているようですが、閉じる際は document で捕捉するため event.stopPropagation() で伝播を止めればいいでしょう。

JavaScript
1$(function() {
2  $('.drawer .drawer-menu-item[href]:not([data-toggle])').on('click', function(event) {
3    event.stopPropagation();
4  });
5});