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

我现在做的就是,点击二级页面,跳到该页面,但是左侧导航也变为初始状态。... 我现在做的就是,点击二级页面,跳到该页面,但是左侧导航也变为初始状态。 展开
 我来答
cainiaokan
推荐于2016-10-23 · TA获得超过2917个赞
知道小有建树答主
回答量:651
采纳率:66%
帮助的人:611万
展开全部
两种办法。
第一种:点击二级菜单时,不发生页面跳转。而是通过ajax,加载页面。这样当前页面不会刷新。你的菜单也不会重新恢复到初始状态。

第二种:如果不用ajax,你刷新页面时要保留当前菜单的状态。比如,你在点击左侧菜单的连接url中追加参数,标明1级菜单选中的是1号,二级菜单选中的是2号。这样你就可以在加载页面的过程中通过jsp、php脚本有选择的构建菜单。以保证跟跳转之前的状态一致。
当然也可以用js。在页面加载完成后,模拟点击事件,打开折叠的菜单,恢复菜单状态。
来自:求助得到的回答
云昕邗俊楚
2019-10-31 · TA获得超过3674个赞
知道大有可为答主
回答量:3103
采纳率:30%
帮助的人:195万
展开全部
页面跳转是刷新页面,肯定会回到初始状态,一般是做的内置框架,就是将你的页面设定在一个小区域跳转。
不过现在这么做的少了,你要做这个效果,可以用cookies存了你点击的那项,然后页面加载的时候读取cookie用JS设定你点击菜单样式就行了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
天漠树于纷朵帽24
2012-12-21 · 超过11用户采纳过TA的回答
知道答主
回答量:64
采纳率:0%
帮助的人:20.8万
展开全部
<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")
})
})
})
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
330334037
2012-12-13 · 超过14用户采纳过TA的回答
知道答主
回答量:52
采纳率:0%
帮助的人:36.6万
展开全部
..还是用框架方便...
就把右边的内容 放到一个页面.
JS 改变src .很方便..
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式