javascript - 当我切换到另一个导航系统时，CSS 类消失了

Question

我会尽量解释我需要什么:

当我进入 index.php 页面时，按钮 LINK_1 处于事件状态。当我切换到 LINK_2 时，它会变为事件状态。 我只有一个 index.php 页面，其中仅包含 PHP 外部页面的一部分。

第_1页 通过代码，我发现这是可行的。

HTML:

<menu id="nav">
    <ul>
        <li><a href="index.php" class="btn btn-default"><i class="fa fa-tachometer fa-lg"></i><p class="desc_menu">BTN_1</p></a></li>
        <li><a href="index.php?nav=1" class="btn btn-default"><i class="fa fa-cogs fa-lg"></i><p class="desc_menu">BTN_2</p></a></li>
        <li><a href="mailto:xpto@xpto.com" class="btn btn-default"><i class="fa fa-envelope-o fa-lg">EMAIL</i><p class="desc_menu">COMUNICATIONS</p></a></li>
        <li><a href="exit.php" class="btn btn-default"><i class="fa fa-rocket fa-lg"></i><p class="desc_menu">EXIT</p></a></li>
    </ul>
</menu>

JavaScript:

$(function() {
    var pgurl = window.location.href.substr(window.location.href
    .lastIndexOf("/")+1);
    $("#nav ul li a").each(function(){
      if($(this).attr("href") == pgurl || $(this).attr("href") == '' )
        $(this).addClass("activ");
      })
  });

我有两个导航系统。顶部的主菜单，我使用全局变量“nav”进行导航，然后我有另一个系统使用全局变量“op”。

第_2页 当我单击 (index.php?nav=1&p=1、2 或 3) 时，按钮 LINK_2 中的类激活消失。我需要它继续活跃。 发生这种情况是我做得不好吗？

谢谢

Answer 1

当您点击 index.php?nav=1&op=1 时，是否加载了位于 index.php?nav=1&op=1 的页面？或者它不会重新加载，因为你有一个 preventDefault() 用于点击事件？

我假设在您单击时加载位于 index.php?nav=1&op=1 的页面。在这种情况下，您需要更改 JavaScript 以解析导航查询，找到具有该导航编号的链接，并将其设置为事件状态。这应该在绿色链接的点击处理程序中。