将jQuery活动类添加到特定url页面加载的菜单中
将jQuery活动类添加到特定URL页面加载的菜单中，可以通过以下步骤实现：
- 首先，确保你已经在特定URL页面中引入了jQuery库。可以通过在页面的<head>标签中添加以下代码来引入jQuery库：
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>这将从CDN加载最新版本的jQuery库。
- 接下来，你需要确定要添加活动类的菜单元素的选择器。假设你的菜单元素具有class为"menu-item"，你可以使用以下代码来选择该元素：
var menuItems = $(".menu-item");- 然后，你可以使用jQuery的addClass()方法将活动类添加到选定的菜单元素中。假设你要添加的活动类为"active"，你可以使用以下代码来添加活动类：
menuItems.addClass("active");- 最后，你可以在特定URL页面的脚本中调用上述代码，以确保在页面加载时将活动类添加到菜单元素中。
这样，当特定URL页面加载时，菜单元素将具有活动类，从而可以通过CSS样式或其他JavaScript代码来进行相应的样式或行为更改。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
- 产品介绍链接地址：https://cloud.tencent.com/product/cvm
相关·内容
我有一个导航菜单，可以在单击时打开(和关闭)。 我希望菜单在加载特定页面时始终处于打开状态(无需单击)。click', function() { $('nav').toggleClass('active');
}); 我不确定如何让它在特定的页面加载中保持活动</
浏览 11提问于2021-08-05得票数 0
回答已采纳
在bootstrap官方网站导航栏上，活跃的类正在工作，不需要添加任何jquery代码片段。如果有人点击“基础CSS”或任何其他按钮，“活动”类将从“主页”按钮中删除，页面加载和活动类添加到该特定菜单。官方链接： All在没有js的情况下发生。
我复制并粘贴了它们的标记，但没有用。“主页”按钮总是有“活动”<e
浏览 1提问于2015-12-28得票数 0
当我将"#“从href替换为URL时，我的”活动“类不能工作。当我点击链接时，页面刷新和“活动”类不会改变。这是在我将#更改为URL之前的工作代码。li><a href="#" id="link2.1">Link2.1</a></li></
浏览 3提问于2016-05-06得票数 1
回答已采纳
我正在使用Bootstrap创建一个导航菜单。使用jQuery load()将nav加载到asdf2.html页面。当用户转到asdf2.html时，我很难将"active“类添加到subLink。当用户加载asdf2.html时，如何将活动类添加到sublink？我相信div是导致问题的原因，但我不是很确定原因。asdf2.html
浏览 2提问于2013-06-08得票数 2
2回答
我有一个导航菜单在我的网站顶部的.that李的内容，许多页面与不同的网址。如何将活动类添加到基于URL的导航菜单，该菜单在每个页面中以特定的颜色显示？
浏览 2提问于2016-01-26得票数 0
1回答
所以我有一个WordPess站点，它的菜单中有大量的自定义链接，我想简单地使用js将一个类设置为当前菜单项的活动类会节省一些时间，特别是jQuery。就像这样-$('a[href*="' + url + '"]', 'header').addCla
浏览 0提问于2013-05-29得票数 0
回答已采纳
2回答
我一直在做一个自定义菜单在一个wordpress网站。这就是为什么我不能使用标准的worpress选择器的活动菜单项。我想在活动链接中添加一个活动类。这是我的html：<ul id="menu">
<li><a href="/item1">item1<&#
浏览 0提问于2018-04-29得票数 0
回答已采纳
正在尝试将“active”类添加到与当前页面对应的链接中，该链接位于存储在menu.html中的菜单上，并通过JQuery拉到index.html。我已经设法用JQuery调用我的menu.html文件，并将菜单插入到index.html中。CSS样式都完美地完成了。但是，由于我现在不会将“active”类单独添加到每个菜单项<
浏览 13提问于2019-08-03得票数 0
回答已采纳
我使用wp_get_nav_menu_items显示标题菜单和下面的代码 }我想添加一个类'active‘，这样我就可以在特定的页面上给它添加与其他菜单项不同的样式。
如何使用wp_get_nav_menu_items将类<
浏览 0提问于2022-08-28得票数 0
我使用Jquery UI " menu“API在应用程序中创建导航菜单。菜单可以很好地绘制和链接，当鼠标悬停在菜单上时，将应用自然的jquery ui css，为悬停的元素提供ui-state-focus类。我已经尝试添加了标准的jquery ui css类"ui-state-active“，它将特定的CSS
浏览 3提问于2013-03-06得票数 1
回答已采纳
我的情况:我有几页像home.php，about.php，gallery.php .在所有这些页面中，我使用php包含带有锚的菜单。所以菜单不在页面上。在所有的页面中，我都有一行：include('includes/menu.php');，我想实现的是:如果url是mydomain.com /gallery.php，菜单中<
浏览 0提问于2018-02-02得票数 0
回答已采纳
我正在尝试将CiviCRM生成的页面添加到我的菜单中。页面url是‘civicrm/贡献/transact?重置=1&id=6’。我已经手动添加了drupal菜单的链接，它会转到页面，但是菜单项没有被设置为active，active-trail类也没有设置为它的父项。我尝试使用完整的
浏览 0提问于2013-01-25得票数 3
我有一个'a‘标签，单击它后，我将重定向到另一个page.But，我想从该页面中选择一个元素并将类附加到该元素。HTML：JavaScript $("#elementsId").addClass
浏览 4提问于2016-05-17得票数 0
1回答
我知道这是非常基本的，但我无法让它开始工作。我有一个主导航菜单，当我点击它显示href，类活动被添加到菜单中(在下面的代码中显示*)| * Students * | Courses| Batchs |我在学生中有子页面，如果选择了子页面(它有自己的hre
浏览 1提问于2018-02-28得票数 0
3回答
我的菜单有以下JS代码： $('#nav > li > a').click(function(e){ $('#nav li a').removeClass('active'); }});
当页面改变时，让子菜单保持打开<em
浏览 0提问于2013-06-19得票数 4
3回答
在帮助一位朋友处理站点时，我设法(在很多帮助下)在相关页面上使用JQuery突出显示活动菜单标题。“active”类已添加到列表项的“a”对象中。<script type="text/javascript"> var url = window.location;
$
浏览 1提问于2012-09-20得票数 0
回答已采纳
我只是想深入了解jquery，如果这个问题已经得到了回答，请原谅。我搜索过了，但找不到与我想要做的事情相关的例子。 $(this).next().
浏览 0提问于2012-08-10得票数 3
回答已采纳
我正在使用jQuery，并且我正在尝试基于URL向菜单项添加一个类。我尝试过这个(在其他主题中找到)，但无法正常工作。它将类添加到当前页面url之后的每个菜单项中。下面是我的代码： $(document).ready(function(){
$(function()
浏览 1提问于2013-05-02得票数 2
回答已采纳
2回答
我在php文件中包含了一个菜单。我需要它，因为它需要较少的时间来改变链接。但是，现在的任务是使用活动链接。当我点击一个链接，它应该是活动的，以及父链接也应该有一个活动的链接。我是用PHP做的，这很好，但是如果我继续，将会有很多php语句和--它还可能影响性能，并且会对代码的可读性产生不良影响。请看下面的代码(这只是一个片段)，即菜单的一个部分，而不是整个菜
浏览 5提问于2017-01-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
