HTML、CSS、PHP(ほんの少し)を独学で勉強ぽこみちと申します。
WordPressのテーマ「ストーク」を子テーマにしてカスタマイズ利用しています。
スマホページにて表示されるナビゲーションボタン内のメニューに同ページリンクを設置した際に、ポップアップで表示されるメニューが非表示にならずに困っております。
Webで調べて以下のソースをheader箇所に挿入したのですが、どうもうまくいきませんでした。
該当のソース
<div class="remodal remodal-is-initialized remodal-is-opened" data-remodal-id="spnavi" data-remodal-options="hashTracking:false" tabindex="-1"> <button data-remodal-action="close" class="remodal-close"><span class="text gf">CLOSE</span></button> <ul id="menu-test-1" class="sp_g_nav nav top-nav cf"><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-426"><a href="http://yzan.jp/#blog">Yzanブログ<span class="gf"></span></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-651"><a href="http://yzan.jp/#philosophy">Yzanの理念<span class="gf"></span></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-652"><a href="http://yzan.jp/#business">ビジネス<span class="gf"></span></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-653"><a href="http://yzan.jp/#people">Yzanと人<span class="gf"></span></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-654"><a href="http://yzan.jp/#contact">お問い合わせ<span class="gf"></span></a></li> <span class="text gf">CLOSE</span></button> </div>
試したこと
<script> $(function() { $('#menu-test-1 a').click{ $('this').parents('div').css('display','none'); } }); </script>の挿入
情報不足だとは思いますが、必要な項目がありましたら追記いたしますのでそちらも含めて教えていただけますと助かります。
よろしくお願いいたします。
ソース見たままだと、#menu-test-1 aと指定しているのにa要素が無いのですが、メニュー項目が省略されているだけでしょうか?
yoorwmさんご返信いただきましてありがとうございます。メニュー項目省略しております。<li id="menu-item-426" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-426"><a href="http://yzan.jp/#blog">Yzanブログ<span class="gf"></span></a></li>がメニュー内容の一部になります。
そこらへんは質問文を更新した方が良いのですが、この場合はparentsじゃなくてclosest使えばいいのではないでしょうか?
ご指摘ごもっともです。ありがとうございます!修正いたしました。parents⇒closestに修正しましたができませんでした。
回答1件
あなたの回答
tips
プレビュー