内部链接活动状态

我知道活动状态在内部链接上不起作用。这就是为什么我在下面的jQuery代码中使用

$('.main-navigation .current-menu-item > a').click(function(){
     $('.main-navigation .current-menu-item > a').removeClass('active');
     $(this).addClass('active');
  });

它的工作正常。我的问题是用户是否可以使用内部链接直接访问url

http://www.url.com#home

那么显然活动类不会在当前菜单项中添加。我该如何处理?

Ohgodwhy

您只需在页面加载时进行检查即可。

if(window.location.hash){
    var activeTab = window.location.hash;

    $('.main-navigation .current-menu-item > a').removeClass('active');
    $('.main-navigation a[href="'+activeTab+'"]').addClass('active');
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类常见问题

如何VueJS路由器链接活动样式

来自分类Dev

使用HttpAsyncClients:长时间保持连接活动

来自分类Dev

C#/ MongoDB:如何保持连接活动?

来自分类Dev

链接处于活动状态时保持悬停效果

来自分类Dev

引导程序:重置按钮链接活动状态回到正常

来自分类Dev

聚合或网关JBPM 6.0中“直接活动路径”的含义

来自分类Dev

根据URL链接使Bootstrap选项卡处于活动状态

来自分类Dev

如何使用硒检查链接是否处于活动状态

来自分类Dev

使用docker-compose使容器保持活动状态并链接

来自分类Dev

同时更改2组不同的导航链接的活动状态

来自分类Dev

使用php使子链接上的类保持活动状态

来自分类Dev

用js事件链接CSS的活动状态

来自分类Dev

链接处于活动状态时不会变为黄色

来自分类Dev

某些按钮处于活动状态时更改链接

来自分类Dev

菜单打开时保持链接处于非活动状态

来自分类Dev

Android应用程序链接活动

来自分类Dev

通知多个网络连接活动

来自分类Dev

使用HttpAsyncClients:长时间保持连接活动

来自分类Dev

在另一页上的链接上处于活动状态

来自分类Dev

子链接处于活动状态时更改父母的颜色

来自分类Dev

引导程序:重置按钮链接活动状态回到正常状态

来自分类Dev

如果链接处于活动状态,如何更改链接中的文本?

来自分类Dev

使用C#连接活动目录

来自分类Dev

如何在锚链接上保持活动状态?

来自分类Dev

使Bootstrap链接在php中处于活动状态

来自分类Dev

在两个单独的HTML元素上链接“活动”状态

来自分类Dev

如何使用硒检查链接是否处于活动状态

来自分类Dev

Bootstrap4 导航链接活动顶部边框样式

来自分类Dev

使用 PHP 连接活动目录或 LDAP

Related 相关文章

热门标签

归档