我有一個導航疊加層,我想要做的是在單擊鏈接時關閉導航。它適用於href="#"
,但我的鏈接是href="someplace.com"
。我怎樣才能讓鏈接關閉我的div,同時仍然使用href?用href關閉疊加層
`<script>
$(document).ready(function(){
$(".menu-wrapper a").click(function(){
$(".overlay").fadeToggle(200);
$(this).toggleClass('btn-open').toggleClass('btn-close');
});
});
$('.overlay').on('click', function(){
$(".overlay").fadeToggle(200);
$(".menu-wrapper a").toggleClass('btn-open').toggleClass('btn-close');
open = false;
});
</script>`
和鏈接是
`<li><a class="btn-close" href="<?php echo SITE_URL; ?>profiles">Profiles</a></li>`
感謝您的幫助。
我感謝您的反饋意見,但是我沒有實現你的建議是什麼需要jquery的技能。感謝你的寶貴時間。 –
@NickGalgay這不是jquery,而是你需要的香草JS。因爲我的心情很好,所以我會用實際的代碼編輯答案:) –