html - OpenCart 菜单 a.clicked 显示并消失

Question

使用 OC v1.5.6.4我希望在单击后将标题菜单的 css 状态保持为已单击

我把这个作为菜单:

<div id="menu">
  <ul>
  <li><a href="#">Contact Us</a></li>
  <li><a href="#">Store</a>
        <div>
            <ul>
               <li><a href="#">Man</a></li>
               <li><a href="#">Woman</a></li>
               <li><a href="#">Accessories</a></li>
            </ul>
          </div>
   </li>
  </ul>
</div>

使用 css 这样:

#m > ul > li > a {
    text-decoration: none;
}
#m > ul > li:hover > a {
    color:#000 !important;
}
#m > ul >  li > a.clicked {
    color: #823428;
    border-bottom: #823428 2px solid !important;;
}
#m > ul > li > div > ul > li > a {
    text-decoration: none;
}

我有 jQuery 脚本:

$(document).ready(function() {
$("a").click(function(e) {
    $("a", $("#menu")).each(function () {
        if( $(this).hasClass("clicked") )
            $(this).removeClass("clicked");
    });

    $(this).addClass("clicked");
    });
});

在释放鼠标按钮之前单击链接时，它会变成 a.selected但是在鼠标点击释放后它不保存类状态。

我做错了什么？？是页面重载吗？？示例:

example - not working

jsfiddle - working great

Answer 1

在添加working fiddle 之后(它根本不起作用 - anchor 没有提供 href 值，因此 redirect 没有效果，即使在你的 fiddle 中子树也不起作用)我现在可以看到你想要实现什么。

这不能在 onclick 事件之前(或期间)完成，而是在页面重新加载之后完成。您需要获取当前 URL 并手动(通过 JS 或 PHP)将类 clicked 添加到列表项中，该列表项的 href 属性中包含该 URL...清除？