为活动元素添加类
是指通过在HTML元素上添加一个或多个类名来改变元素的样式或行为。类是CSS和JavaScript中常用的选择器，可以用来选择特定的元素并对其进行样式设置或操作。
添加类的方法有多种，可以通过JavaScript动态地添加类，也可以通过在HTML标签中使用class属性来添加类。在HTML标签中使用class属性时，可以为元素添加一个或多个类名，多个类名之间用空格分隔。
添加类的优势在于可以实现样式和行为的复用。通过定义一组类名，可以将相同的样式应用于多个元素，从而提高开发效率。此外，通过添加类名，还可以方便地通过JavaScript来操作元素，例如添加、删除或切换类名，实现动态的样式变化或行为控制。
添加类的应用场景非常广泛。在前端开发中，可以通过添加类来实现页面的样式控制和交互效果。在后端开发中，可以通过添加类来实现不同的业务逻辑处理。在软件测试中，可以通过添加类来模拟不同的测试场景。在数据库中，可以通过添加类来对数据进行分类和管理。在服务器运维中，可以通过添加类来对不同的服务器进行管理和监控。在云原生应用中，可以通过添加类来实现容器化部署和管理。在网络通信中，可以通过添加类来实现数据的传输和处理。在网络安全中，可以通过添加类来实现访问控制和身份认证。在音视频和多媒体处理中，可以通过添加类来实现音视频的播放和处理。在人工智能中，可以通过添加类来实现机器学习和深度学习的算法。在物联网中，可以通过添加类来实现设备的连接和数据交互。在移动开发中，可以通过添加类来实现移动应用的界面和功能。在存储中，可以通过添加类来实现数据的存储和管理。在区块链中，可以通过添加类来实现分布式账本和智能合约的功能。在元宇宙中，可以通过添加类来实现虚拟世界的构建和交互。
腾讯云提供了一系列与云计算相关的产品，可以满足不同场景下的需求。以下是一些推荐的腾讯云产品及其介绍链接地址：
- 云服务器（CVM）：提供可扩展的虚拟服务器，支持多种操作系统和应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高可用、可扩展的MySQL数据库服务，适用于各种应用场景。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 云原生容器服务（TKE）：提供高度可扩展的容器化应用管理平台，支持快速部署和管理容器化应用。详情请参考：https://cloud.tencent.com/product/tke
- 云存储（COS）：提供安全可靠的对象存储服务，适用于存储和管理各种类型的数据。详情请参考：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Lab）：提供丰富的人工智能算法和工具，支持开发和部署各种人工智能应用。详情请参考：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：提供全面的物联网解决方案，支持设备连接、数据采集和应用开发。详情请参考：https://cloud.tencent.com/product/iotexplorer
通过使用腾讯云的相关产品，可以更好地实现云计算领域的专业知识和技术要求。
相关·内容
在一个角度训练视频中，我看到了一些代码，如下所示：
<button class="nav nav-primary" [class.active]="isActive">
在组件中，如果允许变量isActive=true，则按钮具有“活动”类；如果允许变量isActive=false，则按钮没有“活动”类。
我知道这是单向绑定，但我想知道"class.active“的语法含义是什么？(“类”具有“活动”属性？但这不可能。
浏览 2提问于2017-10-07得票数 5
我是jQuery的新手，所以如果这是个愚蠢的问题，我很抱歉。但我一直在寻找堆栈溢出，我可以找到一半的工作，我只是不能让它充分发挥作用。
我有两个选项卡-1是活动的，另一个不是。单击“非活动”选项卡后，我希望该选项卡被赋予active类，而之前的active类将被删除。反之亦然，每次单击非活动选项卡。
任何帮助都会很好！
下面是我目前拥有的内容：
下面是我为添加和删除类所做的尝试：
$(document).ready(function() {
$(".tab").click(function () {
$(".tab").removeClass("
浏览 0提问于2014-03-20得票数 23
回答已采纳
在我点击的LI导航菜单中，我无法添加活动类。
当我点击WHAT WE DO on home page时，它会跳转到what we do page，所以我需要what we do page中的菜单WHAT WE DO才是活动的。
这是我的
JS
$( document ).ready(function() {
$( "#cssmenu a" ).click(function(e) {
e.preventDefault();
var navId = $(this).attr("href");
var str = '.'
浏览 7提问于2014-06-19得票数 1
回答已采纳
1回答
var $ = jQuery
$(document).ready(function(){
$('[data-target]').on('click', function(){
var target = $(this).attr('data-target')
$('.all-section').hide()
$('#' + target).show()
})
})
这是我在Elementor中使用的代码，用于创建自定义选项卡部分。所有东西都在工作，但我的
浏览 4提问于2022-07-30得票数 0
回答已采纳
我有一个非常简单的水平菜单，有一个坚实的背景与彩色链接。当我到达目标页面时，如何更改链接的颜色？我试过这个#好菜单-1里a:活动，但这只会影响颜色的片刻，当我点击它。当我在那个页面上的时候，我希望菜单上的那一项的颜色保持不变。谢谢
浏览 2提问于2013-02-26得票数 0
我正在实现这个主题，它有一个主nav和一个submenu nav。
它没有显示活动类背景色和仪表板总是被激活如何修复这个问题，请帮助我解决它？
看切换的User不显示活动的后台
这是我的代码示例
谢谢
浏览 9提问于2017-09-26得票数 2
回答已采纳
3回答
我正在我的一个页面上创建一个小方框，它将根据活动选项卡在3个不同的输出之间切换。我将最左边的选项卡设置为在加载时处于活动状态，当单击其他选项卡时，该活动选项卡将变为普通选项卡，而被单击的选项卡将变为活动状态。我创建了两个类，一个叫做activeBoxTab和boxTab，正如你在下面的jsfiddle中看到的那样，它们之间切换。我的问题是，无论哪个选项卡被设置为默认的活动选项卡，一旦另一个选项卡被单击，而其他两个选项卡可以来回单击，它就会变得无用。
HTML：
<div id="boxTabs">
<p class="boxTab"
浏览 2提问于2013-05-29得票数 1
回答已采纳
3回答
我有以下问题。当我单击任何li元素时，它会添加活动的类，但当我单击li元素展开第二级菜单时，它会添加活动的类，这是正确的，但当我单击例如第二级链接时，它会添加活动的类，但其中包含ul的父项li仍然具有活动的类，如何删除这个类？
<ul class="nav-stacked">
<li><a href="#">Link</a>
<li><a href="#">Link 1</a>
<li><a href="#">Link 2&
浏览 1提问于2014-04-10得票数 0
6回答
$('.active').click(function() {
$(this).toggleClass('active');
$(this).toggleClass('active');
});
我知道这是完全错误的，但我是新来的，并且尝试学习；我想要做的是切换<li> onclick()的活动类，非常感谢任何帮助。谢谢你。
<ul class="nav nav-tabs">
<li role="presentation" onclick="toggleClas
浏览 0提问于2016-09-28得票数 0
回答已采纳
1回答
我创建了一个引导侧边栏面板作为选项卡导航。如何控制处于活动状态的选项卡？我知道有“活动”类，但是我如何设置它，当你点击一个“标签”时，它会被激活，这样它就会正确地突出显示？这会是JS/Jquery的事情吗？我猜这是一件很常见的事情，我只是无法通过stackoverflow或google找到答案。谢谢!
浏览 2提问于2015-08-25得票数 0
该站点是 (注意:请忽略疯狂的加载时间和一切，我已经知道了)。
这是怎么回事:单击主导航中的一个项目(顶部的五个链接)会给该项目一个“活动”类，当你单击不同的项目时，它会从那个活动类中删除活动类，并将其添加到新的活动类中。显然，这个活动类用于设置导航链接的样式，让您知道自己所在的位置。
然而，在IE7中，单击导航中的不同链接并不会从先前活动的链接中删除活动样式，直到您将鼠标悬停在其上时才会将其重置。
我现在有点不知所措。我尝试了我能找到的任何类型的偷看技巧(例如最小宽度:0)，我已经设置了一个“非活动”类为非活动链接，并设置了不同的样式，等等。在你将鼠标悬停在IE7中之前，似乎没有任何东西能让
浏览 2提问于2009-10-16得票数 0
回答已采纳
我有一个简单的ngFor循环来加载一个动态的“菜单”
component.html :
<ul class="nav-series">
<li *ngFor="let seriesItem of seriesList, let i = index" [class.active]='selectedIndex === i'>
<a (click)="[selectVehicles(seriesItem.seriesGroup), setIndex(i)]">{{ serie
浏览 2提问于2019-12-18得票数 0
2回答
我已经编写了导航代码。我想要检查哪个类是活动的，根据它应该为相应的选项卡设置蓝色。
我的代码
$(function() {
var pgurl = window.location.href.substr(window.location.href.lastIndexOf("/") + 1);
$("#tslcNav ul li a").each(function() {
if ($(this).attr("href") == pgurl || $(this).attr("href") == '')
浏览 4提问于2017-05-23得票数 1
回答已采纳
1回答
我有一组带有文本和图标的选项卡。活动选项卡有一个白色背景，蓝色文本和图标。其他选项卡正好相反。我想要做的只是在图标活动时动态地更改它们。蓝色图标工作，但不更改为白色时，不活动。
我现在拥有的是：
if ($('#project_details').hasClass('active')) {
$('#tab1').attr('src','img/blue.png');
} else {
$('#tab1').attr('src','img/white.png&#
浏览 3提问于2014-11-19得票数 0
回答已采纳
我已经在互联网上搜索了有关创建像单选按钮一样工作的链接的帮助，如下所示：
然而，在尝试了许多不同的尝试之后，我就是不明白为什么它不能工作。所有发生的情况是，我的活动链接保持活动状态，而其他任何链接都不会更改为活动类。
$('.account_links li a').click(function() {
$('.account_links li a').removeClass('active');
$(this).addClass('active');
});
.account_links {
list-styl
浏览 0提问于2016-05-21得票数 0
5回答
我想隐藏我的主页内容后，其他链接被点击。我的主页内容
<div class="active">
Homepage content
</div>
css类活动和非活动
.active {
margin-top:230px;
font-size: 30px;
color:black;
}
.inactive
{
opacity:0;
}
我试过这个脚本，但它不起作用。
<script src="jquery.js"></script>
<s
浏览 8提问于2014-03-27得票数 0
回答已采纳
2回答
可以将按钮添加到扩展视图类中吗？我有一个新的类，它扩展了视图，并希望添加新的按钮。我怎么解决这个问题呢？
好的，我明白了。还有一个问题，可以将活动与onDraw方法混合在一起吗？我想创建签名活动并添加按钮来保存它。
浏览 1提问于2014-06-10得票数 0
1回答
我希望这些按钮在单击时保持活动，但无法使其工作，而默认情况下，"currentButton“在页面加载时处于活动状态。当我单击任何一个按钮时，我都可以看到用于:active的样式，但单击后它不会保持活动状态。
两个按钮的HTML：
<div class="w3-center invButtons">
<button class="w3-button currentButton">Current</button>
<button class="w3-button pastButton"
浏览 4提问于2017-06-01得票数 0
回答已采纳
我有一系列的Ajax.ActionLink()，它决定了Index页面上显示的内容。这一切都很酷，但我想确定其中哪一个是“活动”选项卡，它是通过为活动选项卡添加我的css而点击的。现在的情况如下：
下面是我的代码：
@if (SecurityHelper.CheckForSecurityRight(SecurityRight.Report_FundrasingSummaryReport)) {
@Ajax.ActionLink("Test1", "LoadReportConfiguration", new {ReportID = 5},new
浏览 2提问于2014-03-13得票数 1
回答已采纳
我有一个有4个元素的滑块，它们中的任何一个都有类“control_tab”。active元素的类是'active‘。几秒钟后，滑块移动，下一个元素变为活动元素。然后它具有类“active”；先前一直处于活动状态的前一个元素失去了类“active”。
我需要知道某个元素何时变为活动元素。只要任何元素通过添加“active”类成为活动元素，活动元素的索引就会打印到控制台。
以下是示例代码：
<div id="controls">
<a href="#" class="control_tab">
<
浏览 2提问于2010-07-30得票数 1
回答已采纳
我有一个简单的菜单样式与css。
<ul>
<li> <a href="#">1</a> </li>
<li> <a href="#" class="active">2</a> </li>
<li> <a href="#">3</a> </li>
<li> <a href="#">4</a> &
浏览 0提问于2013-05-07得票数 0
我有一个简单的手风琴，可以让所有的人都崩溃。所以点击活动面板就会折叠它。我为箭头分配了before和after伪类，但是当单击活动标签来折叠它时，我不知道如何从活动标签中删除活动类。如果单击另一个标签，则活动类将被删除，但如果单击活动标签以折叠它，则不会删除。
这是一个。
下面是剧本：
$(".accordion > dt").click(function(){
$('.active').removeClass('active');
$(this).addClass('active');
if(fa
浏览 5提问于2013-10-28得票数 0
回答已采纳
1回答
我想让我的悬停颜色覆盖我的活动类颜色。
这是我的悬停：
.tabs nav a:hover {
box-shadow: inset 0 -2px #1E528A;
}
下面是我的活动li类：
.tabs nav li.active a {
box-shadow: inset 0 -2px #3792F5;
}
当我将鼠标悬停在活动类上时，颜色优先。当悬停在我的活动类颜色上时，我希望它优先于活动类的颜色。我该怎么做呢？
浏览 38提问于2018-07-14得票数 0
回答已采纳
4回答
引导4导航条活动背组颜色
、、、
在一个引导3导航栏，当一个链接是活动的，链接的背景颜色被改变，以显示它的活动链接。这似乎在Bootstrap 4中缺失了。是否有一种方法来显示这一点，还是我需要重写活动类？
引导带3肚脐如下所示。您可以看到，活动主页链接是突出显示，如何在引导4显示这一点。
下面的角5码
<div class="navbar-collapse" [ngbCollapse]="navbarCollapsed" id="navbarContent">
<ul class="nav navbar-nav mr-auto&#
浏览 0提问于2018-05-14得票数 5
回答已采纳
当我单击另一个li时，我似乎不明白为什么removeClass不移除活动类。如果是同一个李，那么我可以用兄弟姐妹来移除这个类，但遗憾的是，这个方法在这里也行不通。
我想了解我遇到的这个简单的问题。
$('.r-picker li').click(function(){
$('.r-picker li .data.active').removeClass('active');
$('.r-picker li .data').addClass('active');
});
.active{
color:
浏览 6提问于2016-12-08得票数 1
回答已采纳
我有一个像这样的菜单
<li> <a href="/home" class="active">Home</a> </li>
<li> <a href="/service">Services</a></li>
我希望link处于活动状态的li具有" active“类。所以它会变成
<li class="active"> <a href="/home" class="active"&
浏览 1提问于2012-02-17得票数 0
回答已采纳
4回答
我有一份名单
<ul>
<li>1</li>
<li class="active">2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
我需要一个jquery来将一个类添加到一个活动类兄弟(prev或下一个兄弟姐妹)中。这是导航和活动类的一部分，它是活动页面。有人能帮忙吗？
谢谢你！！
更新:我找到了从列表中添加样式到下一个元素的另一种方法，使用css: ，这里有一个演示： ，谢谢您的努力！
浏览 2提问于2013-11-20得票数 2
回答已采纳
3回答
我已经得到了这个简单的手风琴jQuery脚本，它几乎满足了我需要它的目的，但我还在努力做最后一件事。动画位运行良好-即，如果相应的内容块关闭，它将滑动打开，反之亦然。
下面是jQuery代码：
$('.accordion-heading').click(function(){
$(this).next().slideToggle(300);
$('.accordion-content').not($(this).next()).slideUp(300);
$('.accordion-heading.active').rem
浏览 18提问于2017-01-19得票数 0
回答已采纳
基本上，我希望将类“活动”添加到我单击的任何(+)中，同时将伪内容从"+“更改为"-"，然后在删除"active”类时返回到"+“。我最初使用的是jQueryUI手风琴方法，但是动画并不是完全流畅的，所以我尝试了这个方法。
one = $('.first');
two = $('.second')
three =$('.third')
$('.one').click(function() {
one.toggleClass('active');
$(this
浏览 2提问于2017-02-03得票数 2
回答已采纳
1回答
我已经创建了04个按钮，并为CSS中的每个按钮定义了活动状态。在JS中调用这些活动状态，以便在单击时更改div样式属性，然后在单击其他按钮时重置该属性。
但这对我不起作用。
我为此创建了一个DIV TAG。请帮帮忙。
浏览 0提问于2013-05-23得票数 1
回答已采纳
3回答
简而言之，我有一个项目列表，其中一个设置为.active
<ul>
<li class="active"></li>
<li></li>
<li></li>
</ul>
$("li:not(.active)").click(function() {
$(this).addClass("active")
.siblings("li").removeClass("active");
});
单击其
浏览 4提问于2016-05-20得票数 1
回答已采纳
我是一个新的网页开发(学生)试图做一个变体的Tic脚趾游戏(基本上是一个更大版本的Tic脚趾更多的网格！)使用jQuery/JavaScript，最后一点功能有问题。
基本上，它是由3x3网格组成的3x3网格。当玩家在单个小网格上选择一个正方形时，该小方格在单个网格上的位置对应于下一个玩家必须使用的大网格。
从本质上说，下一个玩家的位置是有限的，我希望在玩家无法选择的所有方块中添加一个“非活动”类。我想移除玩家可以选择的方块上的类。每个回合，不同的方块被移除非活动类(取决于玩家可以在哪里玩)。
我尝试的解决方案/逻辑是这样的:每个正方形有三个类，两个数字和' square‘(后者是出于
浏览 3提问于2015-01-04得票数 1
回答已采纳
我正在从事一个具有以下要求的项目：
当悬停在有锚的部分上时，该部分中所有锚的颜色(非悬停/活动状态)都会发生变化。
这些锚的活动/悬停状态颜色应继承普通锚活动/悬停颜色。
我能够实现第一个需求，但是当在特定链接上悬停时，活动/悬停状态根本不会改变。这显然是一个特定的问题，但我似乎不知道为什么。
下面是代码的简化版本：
a:link, a:visited {
color:green;
}
a:hover, a:active, header .color a:hover, header .color a:active {
color:pink;
}
.color a:lin
浏览 3提问于2013-12-24得票数 1
回答已采纳
假设我有3个div，每个div都有item类，但一次只能有一个div有active类。例如：
<div class="item active">1</div>
<div class="item">2</div>
<div class="item">3</div>
我有一个jQuery绑定代码，可以在单击事件上激活一个div：
$(document).ready(function () {
$('.item').bind('click',
浏览 1提问于2011-09-10得票数 5
回答已采纳
这是html结构
<ul>
<li>
<a href="#">Stone age</a> > active
<ul>
<li>
<a href="#">Mesolithic</a> > active
<ul>
<li>
<a href="#">Culture</a> > activ
浏览 2提问于2016-12-08得票数 0
回答已采纳
1回答
大家好，这是用于脚本的css代码。我想在单击选项卡后设置活动状态。
@import url(http://fonts.googleapis.com/css?family=Raleway);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border
浏览 2提问于2016-05-15得票数 0
2回答
我正在制作一个网站，有固定的第二次导航到右边的视口。使用，当特定的id出现在视图端口的底部时，我能够向导航锚元素添加一个类。然而，我不知道如何做的是，当视口中的元素不再存在时，从该元素中移除该类。现在，我的导航将从 active 类获得正确的样式，但是当我向下滚动页面时，每个导航元素都将保持活动类的样式。当元素不再显示在屏幕上时，我需要删除活动类。谢谢你的帮助。
jQuery：
$("#logo").waypoint(function(){
$("#logo-nav").addClass('active');
});
$("#d
浏览 8提问于2014-01-09得票数 1
回答已采纳
6回答
我似乎在SE上找不到这个问题。我在一个列表中有很多链接。单击链接时，将添加活动类。如果单击另一个链接，我希望该链接处于活动状态，而前面的活动链接将变为非活动链接。
<li>
<div class="yearaction year1">
<a href="#" class="gotoslide inactiveyear" id="year1"></a>
</div>
2007
</li>
<li>
&l
浏览 5提问于2014-03-30得票数 0
回答已采纳
如何将活动绑定用于辅助工具提示()
我使用的是以下代码：
$(document).ready(function(){
$('.tooltip[title]').tooltip({
track: true,
delay: 0,
showURL: false,
showBody: " - "
});});
那么，我如何使用活动绑定来绑定它呢？
浏览 1提问于2012-06-15得票数 0
我有一个我正在工作的网站，我正在使用bootstrap 4的导航药丸设置。我想在点击时为我有两个链接添加活动状态，这两个链接使用手风琴将内容放入视图中。我正在使用以下jQuery：
<code>A0</code>
这在点击和切换时工作得很好，这取决于你点击的是哪个选项卡，但它总是在其中一个链接上保持活动，这意味着你不能摆脱活动的类。
浏览 18提问于2019-12-03得票数 1
回答已采纳
1回答
我是Angular的新手，我正在使用Angular UI-Calendar来显示预订，这些活动比常规活动稍微详细一些。我可以看到如何在render函数中直接呈现这些事件，但显然这不是最好的方法，我真的希望能够有一个外部事件呈现器，并且能够有一个适合不同类型日历视图的呈现器。
这就是我目前所拥有的，并且比它最终将会是更基本的。在eventRender部分，我真的希望能够调用/包含另一个单独负责呈现事件的angular html模板。
eventRender : function(event, element) {
element.attr({
浏览 0提问于2015-04-25得票数 0
4回答
我想向链接的下一个父元素(li)添加一个特定的类。例如，我在“Home”选项卡上有一个活动类，但同时我也需要‘new’to‘约’li。
这对于静态类是有效的，但是当动态添加链接上的活动类时，这是无效的。
我试过这个，但没能让它起作用
$('li a').click(function() {
if ($(this).hasClass('active')) {
$(this).parent().next().addClass('active');
}
else{
$(this).parent().next().remo
浏览 2提问于2017-06-22得票数 0
回答已采纳
1回答
自定义响应导航条
、、
这是我第一次使用flex，我试着做一个反应灵敏的肚脐，这在某种程度上是成功的。我想做的事：
使汉堡包图标转向X与平稳过渡。
使菜单打开与平稳滑下过渡(而不是即时显示)。
添加边框-底部:1 1px实心黑色；到.社会图标时，菜单被打开(活动)。
打开菜单时，将边框半径: 0；添加到..social图标ul li:first-child (活动)。
我试过很多东西，看过很多教程，但我做不到。以下是代码：
我们会非常感谢你的帮助。
浏览 2提问于2020-08-25得票数 0
回答已采纳
我正在为一个小的手风琴风格的菜单编写活动状态代码，这很困难。我有悬停过渡的地方，菜单将保持打开时，单击，但是，我失去了我的样式后，用户单击并移动鼠标离开菜单。
我希望样式保持到单击下一项，依此类推。
我在这里工作的示例：
谢谢!
浏览 0提问于2013-04-16得票数 0
回答已采纳
我有以下使用javascript加载的半按钮列表：
var html ='<ul class="nav well-tabs well-tabs-inverse mb10" id="users">';
html +='<li class="active"><a id="'+this.my.user+'" data-toggle="tab_'+self.my.id+'" class="pest
浏览 8提问于2015-04-19得票数 2
回答已采纳
4回答
我试图创造一种比css (显然我也是)能处理的效果更复杂一点的效果。
这个想法是让5个DIV中的一个在页面加载时处于活动状态，然后在不同的DIV悬停之前，前一个DIV保持活动状态。本质上，总是会有一个活跃的元素。
所有需要做的就是隐藏.promoExpand并在悬停时显示。
这是我到目前为止所知道的：
$(document).ready(function(){
$('.promo').mouseenter(function () {
$(this).find('.item').addClass('promoExpand')
浏览 0提问于2011-09-20得票数 0
回答已采纳
如果组件有一个类active，我想对它进行样式化。但不起作用。
thread.component.html
<div>thread works!</div>
thread.component.css
:host .active {
display: block;
border: 1px solid white;
}
app.component.html
<app-thread class="active"></app-thread>
但是，如果我删除app.comonent.html文件和thread.compone
浏览 6提问于2017-09-08得票数 16
回答已采纳
2回答
如果一个按钮有活动类，那么如果我再次单击它，它就不应该切换。这里我有两个按钮“网格视图”和列表视图“当”“Grid”处于活动状态时，列表视图“”--尽管如此，我还是点击它--这不应该切换活动类。
$('.switch-btn').click(function(e){
$('.switch-btn.grid, .switch-btn.list').toggleClass('active');
});
button.switch-btn {
border: none;
outline: none;
padding: 1
浏览 0提问于2018-07-19得票数 3
回答已采纳
我得到了以下标记：
<div>
<p class="active"></p>
<p></p>
<p class="active"></p>
<p></p>
</div>
在某一时刻，我得到了这样的标记：
<div>
<p></p>
<p></p>
<p class="active"></p>
<p></p>
</di
浏览 6提问于2015-09-23得票数 5
我有一个侧边栏，点击任何一个按钮都会改变路径并加载一个新页面，这反过来又会将按钮的样式更改为active。
我总是想要按路线保持按钮的活动。我正在为它使用路由器链接活动类，它在所有情况下都运行良好，除非我手动输入路由并加载页面，或者当页面最初加载时，第一个按钮应该是活动的，但情况并非如此。
样本按钮：
<li>
<router-link :to="{ name: 'Test' }">
<sidebar-button id="Test-logo" :title="Test">
&l
浏览 9提问于2022-03-07得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
