【サンプルコードあり】ｄrawer.js を使って、ドロワーメニューを作成した時、内部リンクの場合メニューが閉じない現象になるので、それを解消する方法が簡単だった。

ｄrawer.js を使うと　ドロワーメニューを簡単に作成することが可能

今回　drawer.jsで、ページ内リンクをクリックした時、
ページは変化するけど、メニューが開いたままになった。

ドロワーメニューメニューの閉じない場合。

解決方法が見つかったんで記事にしました。

解決方法
1. 挿入するコード

解決方法

解決方法はとても簡単でした。

</script>の前に下記のコード追加でOKでした。

挿入するコード

　$(‘.drawer-menu a’).on(‘click’, function() {
$(‘.drawer’).drawer(‘close’);
});

この３行追加でできました。

もし同じ現象なら使ってみてください。

実際に成功した時のコード

    <script>
      jQuery.noConflict();
      (function ($) {

        $(document).ready(function () {
          $('.drawer').drawer();
          $('.drawer-menu a').on('click', function() {
          $('.drawer').drawer('close');
        });
        });
      })(jQuery);
    </script>