将活动类添加到链接以正确保持其href

Question

我在菜单中测试如何将他的活动类添加到单击的链接，但是当我完成它时，链接不加载内容。如果没有活动类，则href会正确加载内容。

我认为错误发生在PreventDefault上，但我需要带有功能菜单的活动类。

EXAMPLE

hhhh

Answer 1

你可以在锚点击上设置一个类，但是对于一点点，直到锚点开始新的页面请求（实际上你不会注意到它）。

为了追踪当前的＆＃39;菜单，您必须将单击的ID传递给服务器，并在新加载的页面中将其恢复。然后将当前类设置为特定锚。

另一种方法是：

在每个页面加载时，检查当前URL并与保存它的锚点匹配。这意味着这是当前菜单 - ＆gt;添加类

示例

HTML

$(document).ready(function() {
    var url = window.location.href;
    var menuAnchor = $('a.menu');
    menuAnchor.removeClass('current');
    menuAnchor.each(function() {
       var that = $(this);
       var menuHref = that.attr('href');
       if (menuHref == url) {
          that.addClass('current');
       }
    });
});

的jQuery

to