0
我有一個網站,在主頁上有一種介紹導航。選擇一個選項時,會出現一個導航欄。當我點擊「主頁」時,我需要它再次隱藏。代碼的第一部分正常工作。這是我遇到的第二個問題:jquery顯示導航不隱藏點擊'家'
//Show navbar on page scroll
$(window).bind('scroll', function() {
$("nav").fadeIn(1400);
var navSeen = true;
});
//Hide navbar if #home is clicked
$("#home").click(function(){
$("nav").fadeOut(1400);
var navSeen = false;
});
在此先感謝您的幫助!
編輯 - 文件中的所有JS:
<script type="text/javascript">
$(document).ready(function(){
////////////////////////////////
//Lock Dog in place when scrolling right
var dogLock = $('#dog').position().left;
$(window).scroll(function() {
if(dogLock >= $(window).scrollLeft()) {
if($('#dog').hasClass('leftLock')) {
$('#dog').removeClass('leftLock');
}
} else {
if(!$('#dog').hasClass('leftLock')) {
$('#dog').addClass('leftLock');
}
}
});
//If the connect tab is open and you click outside, then exit out of it!
var menu_state_ = true;
$('#connect').click(function(e) {
e.preventDefault();
if (menu_state_up){
menu_state_Down();
} else {
menu_state_Up();
}
return false;
});
$('html').click(function() {
menu_state_Up();
});
function menu_state_Down() {
$("#connect-window").fadeIn(200);
menu_state_up = false;
}
function menu_state_Up() {
$("#connect-window").fadeOut(200);
menu_state_up =true;
}
//Ease into each transition
$(function() {
$('.link').bind('click',function(event){
var $anchor = $(this);
$('html, body').stop().animate({
scrollLeft: $($anchor.attr('href')).offset().left - 300
},600,'easeInOutExpo');
event.preventDefault();
});
});
//Big Text Plugin
$('.intro').bigtext();
//If the page has scrolled then display the hidden menu
$(window).bind('scroll', function() {
$("nav").fadeIn(1400);
var navSeen = true;
});
//Hide navbar if #home is clicked
$("#home").click(function() {
$("nav").fadeOut(1400);
var navSeen = false;
});
//////////////////////////////////////////
});
</script>
適用於我:http://jsfiddle.net/pQ3by/。 – pimvdb
我爲澄清添加了額外的JS。 –
如果點擊它,會發生什麼情況?沒有或產生錯誤?如果你把它放在一個.ready()函數中,它會工作嗎? – Losbear