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

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