同一个头部 不同页面跳转 加载导航选中样式js

发布时间：2019-01-02 15:48:47 修改时间：2019-01-03 16:00:04 阅读：5811 评论：0 0

html: 

<ul class="n-middle">

    <li class="item active"><a href="index.php">首页</a></li>

    <!-- {foreach name=nav_middle_list from=$navigator_list.middle item=nav} -->

     <li class="item ">  

        <a href="{$nav.url}"{if $nav.opennew} target="_blank"{/if}>

          {$nav.name}

      </a>

     </li>

    <!-- {/foreach} -->

</ul>

jquery:

<script type="text/javascript">

$(document).ready(function(){

  $('.nav .item ').eq(0).addClass("active");

    $('.nav .item a').each(function(){

        if($($(this))[0].href==String(window.location)){

          $(this).parent().siblings().removeClass('active');

          $(this).parent().addClass('active');

        }

    });

})

</script>

---