时间戳

首页 > 解决方案 > 在 jQuery 上添加默认类

javascript - 在 jQuery 上添加默认类

问题描述

我正在开发我的应用程序，并且有这个active在当前位置添加类的 jQuery 代码，它工作得很好。

active现在我的问题是我需要知道如何设置默认值，或者Home只要没有选择链接或 URL 为http://localhost:3000/

var url = window.location.href;

var link = window.location.hash
$('a.ks-nav.active-menu').removeClass('active'); 

$('a.ks-nav[data-id="' + link.replace('#', '') + '"]').addClass('active');

这是我的链接：

<a class="nav-link ks-nav" data-id="home" href="/#home">Home</a>
<a class="nav-link ks-nav" data-id="about" href="/#about">About</a>
<a class="nav-link ks-nav" data-id="contact" href="/#contact">Contact</a>

当任何可用菜单上没有设置类时，如何设置添加active类的 jQuery 默认代码？这需要进行更深入的检查，并确保基本上没有其他元素具有类原因，当他们单击不同的菜单时，链接必须删除该类并将转到该链接 URL/单击菜单。HomeactiveHomeactive

请帮忙！

标签： javascriptjquery

解决方案

只需更改您的 HTML：

<a class="active nav-link ks-nav" data-id="home" href="/#home">Home</a>

推荐阅读