看看这个JSFiddle:http://jsfiddle.net/kZ3Af/25/
我将基本导航很好地固定下来。但是当我尝试点击任何导航项时,整个菜单会消失吗?那是什么意思?
答案 0 :(得分:2)
你为什么要这样做
$('.navcontent').hide();
请参阅update 30。
[两分钟后...... ]
好的,我想我明白了:你想在列表interior
和exterior
之间切换。我重新构建了一些HTML(不要将<div>
放入<a>
s),这就是为什么你的造型有点偏差。然后我按照Steven Lu的建议改变了选择器:试试update 36
答案 1 :(得分:2)
您正在拨打$('.navcontent').hide();
,将<ul>
隐藏在班级navcontent
中,这就是整个菜单消失的原因。
答案 2 :(得分:2)
您的陈述:
$('#column1 a').click(function(){
switchlist($(this));
});
匹配所有链接的内部内容,导致您的switchlist
函数被触发。
您需要使用新ID包裹顶部导航,并将选择器更改为
$('#topnav a').click();
答案 3 :(得分:1)
您在点击处理程序中调用$('.navcontent').hide();
。只需删除它就可以了。
答案 4 :(得分:1)
选择直接锚儿童:$('#column1&gt; a')。点击