Question

我有一个ul列表（用作菜单），其中依赖于我所在的网站，我想删除并分类到特定项目。

这是清单

<ul class="nav nav-pills nav-justified">
    <li class="active"><a href="/index.php">Homepage</a></li>
    <li class=""><a href="/projects.php">Blog/Projects</a></li>
    <li class=""><a href="/aboutme.php"<>About Me</a></li>
    <li class=""><a href="/quotes.php"<>Quotes</a></l
</ul>

这是我写的jQuery代码：

$(document).ready(function() {
    var $pathname = $(location).attr('pathname');
    $('ul.nav.nav-pills.nav-justified li a').each(function( i ) {
    var $this = $(this);
    $this.removeClass('active');
    if ($this.attr('href') == $pathname) {
        $this.addClass('active');
    }
    });
});

如果我想更改css代码，请使用此＆＃34;模板＆＃34;我可以这样做，但如果我运行此代码它什么都不做。

如何重写此代码以便我可以使用。

感谢!!!

Answer 1

尝试

$(document).ready(function() {
    var pathname = location.pathname;
    $('ul.nav.nav-pills.nav-justified li a').each(function( i ) {
        var link = $(this);
        link.removeClass('active');
        if (link.attr('href') == pathname) {
            link.addClass('active');
        }
    });
});

Answer 2

为什么你的目标是锚点而不仅仅是列表项目，当它被分类时？那好吧。这似乎有效：

$(document).ready(function () {
    // $varname usually means a jQuery object
    // This is just a string.
    var pathname = location.pathname
    // Why not just give this ul an ID
    $('ul.nav.nav-pills.nav-justified li a').each(function (i) {
        var $this = $(this);
        $this.parent().removeClass('active');
        if ($this.attr('href') == pathname) {
            $this.parent().addClass('active');
        }
    });
});

jsfiddle

在网站上添加/删除课程

2 个答案: