导航活动类不在服务器上工作

时间:2016-12-15 05:02:39

标签: javascript html css

我开发了一个导航栏。我只是为突出显示当前链接的链接添加一个活动类。奇怪的是,该功能完全适用于我的本地电脑。我刚把它上传到我的服务器并检查,但它根本不起作用。

这是uploaded site

这是我使用的脚本。

$(function () {
    var url = window.location;

    $('ul.active-link a[href="' + url + '"]').parent().addClass('active');


    $('ul.active-link a').filter(function () {
        return this.href == url;
    }).parent().addClass('active');
});

1 个答案:

答案 0 :(得分:0)

<script>
$(document).ready(function () {
    var location = window.location.href;
    $('#nav li a').each(function(){
        if(location.indexOf(this.href)>-1) {
           $(this).parent().addClass('active');
        }
    });
});