BigCommerce添加活动菜单类

时间:2013-05-19 22:22:35

标签: javascript css bigcommerce

当该类别处于活动状态时,我想为bigcommerce左侧类别列表添加一个CSS类。我该怎么做?

1 个答案:

答案 0 :(得分:0)

无论你尝试过什么,你都可以通过下面的代码希望它能够发挥作用。

function extractPageName(hrefString)
{
    var arr = hrefString.split('/');
    return  (arr.length<2) ? hrefString : arr[arr.length-2].toLowerCase() + arr[arr.length-1].toLowerCase();               
}

function setActiveMenu(arr, crtPage)
{
    for (var i=0; i<arr.length; i++)
    {
        if(extractPageName(arr[i].href) == crtPage)
        {
            if (arr[i].parentNode.tagName != "DIV")
            {
                arr[i].className = "current";
                arr[i].parentNode.className = "current";
            }
        }
    }
}

function setPage()
{
    hrefString = document.location.href ? document.location.href : document.location;

    if (document.getElementById("nav")!=null)
        setActiveMenu(document.getElementById("nav").getElementsByTagName("a"), extractPageName(hrefString));
}

不要忘记为菜单div添加导航 ID。