javascript - BigCommerce 添加事件菜单类

标签 javascript css bigcommerce

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

最佳答案

无论您尝试过什么,您都可以使用下面的代码,希望它能正常工作。

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 添加 nav ID。

关于javascript - BigCommerce 添加事件菜单类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16640104/

相关文章:

c# - BigCommerce OAUTH 不发送原始临时代码

javascript - 如何在 ServiceWorker 中处理 Session 过期

javascript - 需要知道如何根据我点击的按钮来选择变量(Javascript)

html - 文本未包装在 flex 容器内

css - 溢出:滚动 - 侧滚动关闭页面

javascript - 用户帐户创建和验证 (BigCommerce)

javascript - 无法从我的 firebase 可调用函数中提取参数

javascript - 如何将事件类添加到基于每个页面中的 URL 的导航菜单

php - 加载页面时如何为html标签设置类?

node.js - 在 BigCommerce 'eslint-config-airbnb/base' 上找不到模块 'stencil bundle'