感谢所以回答问题的人。 比较好的办法是使用url传参数,然后根据参数判断是否有必要显示class
但是更好的办法是下面这段JS
- <span style="font-size:18px;">$('ul.main-menu li a').each(function(){
- if($($(this))[0].href==String(window.location))
- $(this).parent().addClass('active');
- });</span>
实际项目中,经过我的改造如下:
- <span style="font-size:18px;"><ul class="expend" id="citybox">
- <li class="active"> <a href="{:U('Weixin/index')}"> 全部 </a> </li>
- <volist name="My_areas_info" id="data">
- <li class="">
- <notempty name="catid"> <a href="{:U('Weixin/index',array('area_id'=>$data[id],'catid'=>$catid))}"> {$data.area_name} </a>
- <else />
- <a href="{:U('Weixin/index',array('area_id'=>$data[id]))}"> {$data.area_name} </a> </notempty>
- </li>
- </volist>
- </ul></span>
- <pre name="code" class="javascript"><span style="font-size:18px;"> <script src="{$Think.const.JS_URL}jquery-1.7.1.min.js" type="text/javascript"></script>
- <script>
- $(document).ready(function(){
- $('#citybox li a').each(function(){
- if($($(this))[0].href==String(window.location)){
- $('#citybox li').removeClass("active");
- $(this).parent().addClass('active');
- }
- });
- });
- </script> </span>
图片截图如下:
模板html
jquery如下: