2012-08-30 32 views
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> 
+1

適用於我:http://jsfiddle.net/pQ3by/。 – pimvdb

+0

我爲澄清添加了額外的JS。 –

+0

如果點擊它,會發生什麼情況?沒有或產生錯誤?如果你把它放在一個.ready()函數中,它會工作嗎? – Losbear

回答

0

我在躲結合家裏的點擊(在其菜單是隱藏的唯一頁)解決了這個,而不是的滾動頁。感謝幫助人們!