明月笑刀無情
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
})
});
添加回答
舉報
0/150
提交
取消