0

クリックするとページの特定のセクションにスクロールする固定リンクがいくつかあるモバイルメニューがあります。これに関する問題は、これらのリンクのいずれかをクリックすると、新しいページがロードされないため、メニューが開いたままになることです。

これらのリンクのいずれかがクリックされると、デフォルトでメニューが閉じるソリューションを実装したいと考えています。JS を使用してクリック時にメニューを非表示にしようとしましたが、ロジックが間違っている可能性があります。どんな助けでも素晴らしいでしょう。

これが私のメニューのコードです。

<div id="my-id" class="uk-offcanvas custom_canvas">
   <div class="uk-offcanvas-bar">
      <div class="uk-panel">
         <a class="btn btn primary remove_image-div" onclick="UIkit.offcanvas.hide([force = false]);"> 
            <img src="img/remove_icon.png" class="remove_image" alt="remove">
         </a>
         <ul class="mm-list mm-panel mm-opened mm-subopened" id="mm-0">
            <li class="offcanvas_li">
               <a class="offcanvas_open" title="Samples" href="index.html#sample-section">Samples</a>
            </li>
            <li class="offcanvas_li">
               <a href="index.html#package-section" title="Packages" class="offcanvas_open">Packages</a>
            </li>
            <li class="offcanvas_li">
               <a href="#about-section" title="About" class="offcanvas_open">About</a>
            </li>
            <li class="offcanvas_li">
               <a href="contact.html" title="Contact" class="offcanvas_open">Contact</a>
            </li>
            <li class="offcanvas_li">
               <a href="blog.html" title="Blog" class="offcanvas_open">Blog</a>
            </li>
            <li class="offcanvas_li">
               <a class="offcanvas_open" title="We Love" href="we_love.html">We Love</a>
           </li> 
        </ul>
     </div>
  </div>
</div>
4

2 に答える 2

3

私はUIkit.offcanvasプラグインに精通していませんが、少しの感覚で、それら（リンク）をすべての属性に追加できると答えることができますonclick="UIkit.offcanvas.hide([force = false]);"

より良い（一般的な）解決策は、イベントを「リッスン」してから、clickoffcanvas コマンドを実行することです。

何かのようなもの：

$('.offcanvas_li a').click(function() {
   UIkit.offcanvas.hide([force = false]);
});
于 2016-02-14T16:21:12.340 に答える