Привет, я долго терзал свой мозг. Я создаю меню, которое падает с помощью функции hide в jquery. Я хочу, чтобы моя панель меню скрывалась, когда был выбран мой тег li, затем страница переходит к следующей странице на моем сайте.Jquery hide() onclick перед тем, как страница выгружается
Все, что я получаю в тот момент, когда выбран якорный тэг, заключается в том, что меню просто исчезает.
Это JQuery:
$(document).ready(function(){
$(".slidingDiv").hide();
$(".show_hide").show();
$(".show_hide").click(function(){
$(".slidingDiv").slideToggle();
});
$(window).onbeforeunload(function() {
$(".slidingDiv").hide();
});
});
Это HTML:
<div id="mobnav-wrapper">
<div id="logo-top-mob">
<a href="index.html"><img src="images/logo-mob.png" width="163" height="21" /></a>
</div>
<div id="mob-button">
<a href="#" class="show_hide"><img src="images/mob_button.png" width="33" height="24" /></a>
</div>
<div class="slidingDiv">
<ul>
<li class="hide_nav"><a href="work.html"> Work </a></li>
<li class="hide_nav"><a href"services.html" >Services</a></li>
<li class="hide_nav"><a href"clients.html" >Clients</a></li>
<li class="hide_nav"><a href"about.html" >About</a></li>
<li class="hide_nav"><a href"contact.html" >Contact</a></li>
<li class="hide_nav"><a href"follow.html" >Follow</a></li>
</ul>
</div>
Я пытался использовать выгрузку и .onbeforeunload, но я не могу получить мою голову вокруг него. Если у кого-то есть идеи или я могу указать мне в правильном направлении, я бы так поблагодарил полностью
Есть ли художественная причина для того, чтобы скрыть меню до того, как вы изменили страницу? похоже, вы не используете ajax для загрузки своего содержимого, поэтому, как только кто-то нажимает на ссылки в меню, браузер перейдет к следующей странице. – cernunnos
Это артистично, да, я знаю, что заставить пользователя подождать до следующей перезагрузки страницы - это плохая практика. Я подумал об этом, и я думаю, что короткое 2 секунды близко не помешает пользователям, но увеличит его. – user2086702
Хорошо, вы найдете полезную информацию о слайд-шоу/слайд-шоу, fadeIn/fadeOut, show/hide и т. Д. Здесь: http://api.jquery.com/category/effects/ – cernunnos