Jquery 页面导航上的引导按钮未激活（Drupal 7）

我有一个引导按钮组，有几个按钮，每个按钮都有一个链接到新页面的标签。我添加了jquery代码，用于在单击按钮时保持活动状态。只有在没有#href时，按钮才会在单击时保持活动状态。当存在链接且加载了新页面时，活动状态将丢失。有人能帮忙吗？我太迷路了

下面是片段- html:

---

我不知道在新页面加载时是否可以保持活动状态

但是，一个简单的解决方法是通过引导在每个页面上应用样式，以便相应的按钮显示为活动状态。例如，如果您在页面link1上：

<div class="btn-group">
    <a class="btn btn-custom">Home </a> 
    <a class="btn btn-custom active" href="/link1"> About us </a>
    <a class="btn btn-custom" href="/link2"> Contact us </a>
</div>

---

这将使按钮看起来是活动的。

如果有人也在寻找解决方案，这最终对我有效。将按钮更改为导航和列表

  var url = window.location;
    // Will only work if string in href matches with location
    $('ul.nav a[href="' + url + '"]').parent().addClass('active');
    // Will also work for relative and absolute hrefs
    $('ul.nav a').filter(function() {
        return this.href == url;
    }).parent().addClass('active');

---

来自

谢谢，但这会使所有按钮在开始时处于活动状态。我希望它们只有在单击并加载页面时才处于活动状态。因此，如果我在“主页”上，您不希望任何按钮处于活动状态。但是如果我点击“link1”，你会希望当页面加载正确时link1的按钮处于活动状态吗？是的，这是正确的。当我在link1上时，页面加载，link1按钮处于活动状态，rest处于非活动状态。因此，您需要转到link1.html页面，然后将我的答案中的代码块粘贴到html页面中。这将提供您想要的功能。保持你的主页不变。对不起，我在Drupal7上，有一个跨越所有页面的引导按钮块。这是不可能的。我还将这些按钮更改为导航选项卡，并将此解决方案用于永久选项卡，但没有效果。同样的问题。加载新页面时，活动状态将丢失。

<div class="btn-group">
    <a class="btn btn-custom">Home </a> 
    <a class="btn btn-custom active" href="/link1"> About us </a>
    <a class="btn btn-custom" href="/link2"> Contact us </a>
</div>

  var url = window.location;
    // Will only work if string in href matches with location
    $('ul.nav a[href="' + url + '"]').parent().addClass('active');
    // Will also work for relative and absolute hrefs
    $('ul.nav a').filter(function() {
        return this.href == url;
    }).parent().addClass('active');