一开始我们拿到的模板页面如下图所示,但是在给出的模板中,每个页面都包含了左侧的侧边栏代码,这在我们开发系统的时候,显然不能这么做,不利于变更,重复性也很大,但是如果是放在一个文件中统一包含进来的话,就涉及到要如何让侧边栏正确选中当前页面的链接,而不是人工的却设置tab的开关。
通过看模板的源码,发现了一个函数setSidebarMenuActiveLink,在侧边栏的选项链接中,为每个链接设置一个ID,代码如下所示:
<li class="start active open"> <a href="javascript:;"> <i class="icon-home"></i> <span class="title">股票</span> <span class="selected"></span> <span class="arrow open"></span> </a> <ul class="sub-menu"> <li class=""> <a href="${pageContext.request.contextPath}/index" id="gpsj_page"> <i class="icon-bar-chart"></i> 股票数据 </a> </li> <li class=""> <a href="${pageContext.request.contextPath}/gp/jyfw" id="jyfw_page"> <i class="icon-bar-chart"></i> 经营范围 </a> </li> <li class=""> <a href="${pageContext.request.contextPath}/gp/k_line" id="gp_kline_page"> <i class="icon-bar-chart"></i> 股票k线图 </a> </li> <li class=""> <a href="${pageContext.request.contextPath}/common/hotWords.jsp" id="common_hot_words_page"> <i class="icon-bar-chart"></i> 热搜词 </a> </li> </ul> </li>
,然后在每个页面加载的时候, 加上一句 Layout.setSidebarMenuActiveLink(‘set‘, $(‘#common_hot_words_page‘));即可解决。
版权声明:本文为博主原创文章,未经博主允许不得转载。
时间: 2024-10-01 06:58:25