Django框架选项卡加active类的方案

佚名 6年前 (2019-05-05) 随笔 591人围观抢沙发百度已收录

------html部分-----

<div class="left-menu">
        <div class="menu-body">
            <div class="static-menu">
                <a href="{% url 'userlist' %}"><span class="icon-wrap"><i class="fa fa-map-o" aria-hidden="true"></i></span> 用户管理</a>
                <a href="{% url 'loglist' %}"><span class="icon-wrap"><i class="fa fa-map-o" aria-hidden="true"></i></span> 日志信息</a>
                <a href="{% url 'census' %}"><span class="icon-wrap"><i class="fa fa-map-o" aria-hidden="true"></i></span> 认证统计</a>
            </div>
        </div>
    </div>

-----jq解决方法----

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

<script>
    $(".static-menu a").each(function () {
        if (location.href.indexOf(this.href) === 0) {
            $(this).addClass('active')
        }
    })
</script>