Question

我正在制作一个菜单，我想将class =“selected”添加到活动菜单项中。当URL如下时，我遇到location.pathname的问题： - http://www.google.com/sub-folder/adrov48.php

因此，只有当url像这样简单时，它才会有效： - http://www.google.com/adrov50.php

我知道有很多类似的问题，但是如果你看看下面的代码，我会使用一种“新的”方法，但它并没有真正起作用，那就是你们跳进来的地方：）

Javascript代码：

            var path = location.pathname;

            $("a[href='" + [path] + "']").parents("li").each(function() {   
                    $(this).addClass("selected");
            });

任何想法如何使用jQuery实现这项工作。

如果有人认为我的方法不好或不理想，请告诉我原因并发布或链接我的解决方案。

提前致谢！

Answer 1

将location.pathname和location.search结合起来创建URL片段

Answer 2

你为什么不这样做：

// Check complete URL
var path = location.href;
$("#navID li a").each(function() {
    // Check if there is a match between the URL and the navigation link    
    if(path.match($(this).attr("href")) $(this).parent().addClass("selected");
});

jQuery和活动菜单项 - 什么是最好的？

2 个答案: