Jquery显示的导航不'单击'主页'
Jquery Revealed nav doesn't hide when clicking 'Home'
我有一个网站,在主页上有一种介绍导航。选择一个选项时,会出现一个导航栏。当我点击"主页"时,我需要它再次隐藏。代码的第一部分工作正常。这是我遇到麻烦的下半场:
//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;
});
提前感谢您的帮助!
EDIT--文件中的所有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>
我通过将隐藏绑定到主页(唯一隐藏菜单的页面)的点击,而不是页面的滚动来解决这个问题。谢谢大家的帮助!
相关文章:
- 使用clickToggle并在单击另一个元素时关闭元素
- 单击时将焦点更改为元素
- 单击F5时如何停止页面加载
- 通过单击表单中的按钮,在代码生成中使用javascript生成字母数字代码
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 单击jquery清除输入值
- 单击按钮以等待单击按钮
- 在单击href链接的同时下载文件
- 单击顶部导航时如何进行向下滚动效果(向下滑动).
- 使图像在单击时展开到不大于浏览器
- 单击按钮后如何逐个调用分区,上一个分区将隐藏
- 如何在单击复选框后调用控制器方法
- Jquery显示的导航不'单击'主页'
- 单击旋转木马外部返回主页
- 从PHP代码加载图像,然后单击时更改主页上的图像
- 如何检测用户是否在IE中设置主页模型窗口中单击“是或否”
- 通过滚动主页获得不同的高度单击位置
- 用户单击PageBack按钮后,主页按钮丢失
- 单击主页上的事件工作,但不起作用并发布页面
- ASP.在用户控件中单击. NET on按钮,使用javascript在主页面设置文本框的值