菜单上的主页链接不突出显示

Question

我的菜单在单击时显示活动链接，但主页链接除外 (http://www.obsia.com）。它永远不会被突出显示。 我试着玩玩，但我似乎无法弄清楚。这是我用来突出显示链接的 jquery 代码？

 $(function(){
   var path = location.pathname.substring(1);
   if ( path )
     $('.nav a[href$="' + path + '"]').attr('class', 'active');   
 });

我在产品页面上还有另一个菜单，我想在其中突出显示兄弟姐妹以及我们在全球菜单上的产品。这是产品菜单的 jquery 代码：

 $(function() {
var pathname = location.pathname;
var highlight;
//highlight home
if(pathname == "")
    highlight = $('ul#accordion > li:first > a:first');
else {
    var path = pathname.substring(1);
    if (path)
        highlight = $('ul#accordion a[href$="' + path + '"]');
}highlight.attr('class', 'active');



// hide 2nd, 3rd, ... level menus
$('ul#accordion ul').hide();

// show child menu on click
$('ul#accordion > li > a.product_menu').click(function() {
    //minor improvement
    $(this).siblings('ul').toggle("slow");
    return false;
});

//open to current group (highlighted link) by show all parent ul's
$('a.active').parents('ul').show();
$('a.active').parents('h2 a').css({'color':'#ff8833'});

//if you only have a 2 level deep navigation you could
//use this instead
//$('a.selected').parents("ul").eq(0).show();

}); });

我尝试添加这个：

        $(this).parents('ul').addClass('active');

但这似乎不起作用？

有人有一个简单的方法来实现它吗？ 任何帮助将不胜感激你们。

亲切的问候， G

Answer 1

我调试了你的Javascript。主页链接不会突出显示，因为对于主页，location.pathname 被计算为字符串“/”。因此，变量“path”被分配了空字符串。这意味着变量“highlight”未被分配。

// path is assigned the empty string
var path = location.pathname.substring(1);

// evaluating to false
if (path) {
    // we never get here
    highlight = $('ul#accordion a[href$="' + path + '"]');
}

// getting a null pointer exception
highlight.attr('class', 'active');

Answer 2

在 Firebug 中，我在 }highlight.attr('class', 'active'); 行上得到 highlight is undefined 看起来您可能需要更正 If 周围的括号上面的声明呢？

Answer 3

我想出了如何让主页链接在菜单栏中突出显示（这是唯一不会在菜单栏上突出显示的链接）。这是我所做的：

 $(function(){
   var pathname = location.pathname;
   var path = pathname.substring(1);
    if(path == "")
        $('.nav a:first').addClass('active');
   else (path)
     $('.nav a[href$="' + path + '"]').attr('class', 'active');   
 });