pure drawer アンカーリンクをクリックしてもメニューが閉じません

Question

ウェブサイトをpure drawerで開発しております。

経緯

1. pure drawerで、ドロワーメニューを作成
2. メニューにアンカーリンクを設定
3. アンカーリンクをクリックしても、メニューが閉じない

作成中のサイト

こちらのスマートフォン版です。

実現したいこと

　アンカーリンクをクリックしたら、メニューが閉じるようにしたい

バージョン情報

• HTML5
• CSS3
• jQuery3.3.1

試してみたこと

jQueryにて、「アンカーリンクをクリックしたら.toggleを閉じる」というコードを書いてみましたが、動作しません。

$(document).ready(function() {
  $('.pure-drawer').drawer();
$('#menu_border li').on('click', function() {
  $('.pure-drawer').drawer('close');
});
});

詳しい方がいましたら、ご教示のほど何卒よろしくお願いいたしますm(__)m

Comments

[退会済みユーザー]

HTML　CSS　 jQueryのバージョンとか、追記してくださいな

[hosokawa]

sampa_janei様　HTML5　CSS3　jQuery3.3.1　でございます。何卒よろしくお願いいたします！

Answer 1

次の関数を，

  // checkedを外す関数
function close_menu() {
 $('.pure-toggle[data-toggle="left"]').prop("checked",false);
}

onclick="..."で呼んでみてください．

<li class="menu_border">
<a href="#goaisatsu" style="color:white;" onclick="close_menu();">
ごあいさつ</a>
</li>