首页 > 其他 > 详细

Bootstrap模板Metronic设置默认选中侧边栏

时间:2015-08-05 14:53:55      阅读:455      评论:0      收藏:0      [点我收藏+]

一开始我们拿到的模板页面如下图所示,但是在给出的模板中,每个页面都包含了左侧的侧边栏代码,这在我们开发系统的时候,显然不能这么做,不利于变更,重复性也很大,但是如果是放在一个文件中统一包含进来的话,就涉及到要如何让侧边栏正确选中当前页面的链接,而不是人工的却设置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‘));即可解决。

版权声明:本文为博主原创文章,未经博主允许不得转载。

Bootstrap模板Metronic设置默认选中侧边栏

原文:http://blog.csdn.net/huwei0518/article/details/47295679

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!