亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

導航欄 - 單擊當前部分時不關閉

導航欄 - 單擊當前部分時不關閉

明月笑刀無情 2023-04-27 15:16:25
你好,當用戶單擊菜單圖標時,我有一個工作導航欄滑出頁面。它僅顯示在網站的移動版本上。當您想關閉欄時,您可以單擊背景中某處的“x”或 div 外部。當我單擊某個部分名稱時,頁面會刷新并且導航會關閉。單擊當前部分時出現問題。該頁面不會刷新,因此您必須手動關閉導航。我希望我的導航欄在用戶每次單擊鏈接時關閉。你知道我怎樣才能做到這一點嗎?這是我的網站: https: //www.poznanprzeprowadzki.pl這是我這部分的 html:<div id="menu-mobile" class="menu-mobile">    <div class="menu-mobile-close" onclick=closeNav()>        <p>x</p>    </div>    <div class="menu-mobile-header">        <img src="img/poznanprzeprowadzki_logo3.png" name="Poznań przeprowadzki logo" alt="Poznań przeprowadzki logo"></a>        <p class="lang" key="you-are-free-to-contact">Zapraszamy do kontaktu!</p>    </div>    <a href="index.php#indexmain"><div class="dropdown-content-item">        <div class="dropdown-content-item-icon">            <img width="20px" height="20px" src="img/Home_icon_white.png">        </div>        <div class="dropdown-content-item-text">            <p class="lang" key="home">Strona g?ówna</p>        </div>    </div></a>    <a href="about.php#indexmain"><div class="dropdown-content-item">        <div class="dropdown-content-item-icon">            <img width="20px" height="20px" src="img/About_icon_white.png">        </div>        <div class="dropdown-content-item-text">            <p class="lang" key="about">O nas</p>        </div>    </div></a>    <a href="gallery.php#indexmain"><div class="dropdown-content-item">        <div class="dropdown-content-item-icon">            <img width="20px" height="15px" src="img/Gallery_icon_white.png">        </div>        <div class="dropdown-content-item-text">            <p class="lang" key="gallery">Galeria</p>        </div>    </div></a>    <a href="contact.php#indexmain"><div class="dropdown-content-item">        <div class="dropdown-content-item-icon">            <img width="20px" height="15px" src="img/Contact_icon_white.png">        </div>        <div class="dropdown-content-item-text">            <p class="lang" key="contact">Kontakt</p>        </div>
查看完整描述

1 回答

?
一只斗牛犬

TA貢獻1784條經驗 獲得超2個贊

將此腳本添加到您的 js 文件中:


$(document).ready(function() {

    $('.menu-mobile a').click(function(e) {

       e.preventDefault(); // if the link don't reload all the page

       closeNav();

    })

});

另一個解決方案,如果你想在重定向之前等待一些東西:


$(document).ready(function() {

  $('.menu-mobile a').click(function(e) {

     e.preventDefault(); // is required

     closeNav();


      setTimeout(() => {

         const nextPage = e.currentTarget.href;

        window.location.href = nextPage;

      },1000) // set the time here in milliseconds    

  })

});


查看完整回答
反對 回復 2023-04-27
  • 1 回答
  • 0 關注
  • 182 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號