Question

jq二级菜单，点击二级菜单，右面转到页面。左面定住不动。还是点击选中状态，不用框架，要用js

我现在做的就是，点击二级页面，跳到该页面，但是左侧导航也变为初始状态。

Answer 1

两种办法。
第一种：点击二级菜单时，不发生页面跳转。而是通过ajax，加载页面。这样当前页面不会刷新。你的菜单也不会重新恢复到初始状态。

第二种：如果不用ajax，你刷新页面时要保留当前菜单的状态。比如，你在点击左侧菜单的连接url中追加参数，标明1级菜单选中的是1号，二级菜单选中的是2号。这样你就可以在加载页面的过程中通过jsp、php脚本有选择的构建菜单。以保证跟跳转之前的状态一致。
当然也可以用js。在页面加载完成后，模拟点击事件，打开折叠的菜单，恢复菜单状态。

Answer 2

页面跳转是刷新页面，肯定会回到初始状态，一般是做的内置框架，就是将你的页面设定在一个小区域跳转。
不过现在这么做的少了，你要做这个效果，可以用cookies存了你点击的那项，然后页面加载的时候读取cookie用JS设定你点击菜单样式就行了

Answer 3

<div class="navCon">
<div class="indexLastLi"><a href="#" title="1"></a></div>
<ul>
<li class="indexSY"><a href="#" title="1">网站首页</a></li>
<li><a href="#" title="1">导航</a></li>
<li><a href="#" title="1">导航</a></li>
<li><a href="#" title="1">导航</a></li>
<li><a href="#" title="1">导航</a></li>
<li><a href="#" title="1">导航</a></li>
<li><a href="#" title="1">导航</a></li>
<li><a href="#" title="1">导航</a></li>
<li><a href="#" title="1">导航</a></li>
</ul>
</div>

$(function(){
$(".navCon li").each(function(){
$(this).click(function(){
$(this).addClass("indexSY")
$(this).siblings().removeClass("indexSY")
})
})
})

Answer 4

..还是用框架方便...
就把右边的内容 放到一个页面.
JS 改变src .很方便..