2 yzxgenius yzxgenius 于 2014.09.12 14:15 提问

bootstrap的选中问题(active类)

请问一下在多个标签下选中的标签一般不是用active类表示选中吗,那我选中了一个标签要再选中另外一个标签,那之前被选过的标签要怎么修改去除被选中的样式?用哪个类?还是用js清除样式?

5个回答

sunray97
sunray97   2015.04.26 10:56

$(document).ready(function () {
$('ul.nav > li').click(function (e) {
e.preventDefault();
$('ul.nav > li').removeClass('active');
$(this).addClass('active');

});

});

a371909370
a371909370 真的神了,复制过去就有用
5 个月之前 回复
zlhqwz
zlhqwz 有用 谢谢~
2 年多之前 回复
zlhqwz
zlhqwz 有用 谢谢~
2 年多之前 回复
qq_33557040
qq_33557040   2016.09.20 22:04

但是这样的话点击导航条,就不会跳转了啊

qq_32799715
qq_32799715 跳转问题如何解决啊?
一年多之前 回复
caiqinqin097
caiqinqin097 问题解决了吗?
一年多之前 回复
qq_36086575
qq_36086575 同样的疑问
接近 2 年之前 回复
sunray97
sunray97   2015.04.26 10:56

$(document).ready(function () {
$('ul.nav > li').click(function (e) {
e.preventDefault();
$('ul.nav > li').removeClass('active');
$(this).addClass('active');

});

});

u012299002
u012299002   2016.06.29 09:36

太帅了,问题解决了

qq_33557040
qq_33557040 不会跳转了啊,怎么办
接近 2 年之前 回复
Simonchanhahaha
Simonchanhahaha   2016.08.04 18:45

太棒了,纠结了两天的问题,一下子就解决了

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
Bootstrap导航菜单点击后无法自动添加active的处理
Bootstrap提供了很丰富的前后端框架,为不精通CSS的程序猿们提供了很大的便利。前段时间在使用Bootstrap中的菜单控件时,其中的链接点击后,无法自动添加active类,即无法自动激活。需要适当做如下处理才OK。   废话说了,直接上代码:<ul class="tabbable faq-tabbable"> <li class="active"><a href="@Url.Act
bootstrap (active类)切换
在一个按钮组中,给一个按钮赋予active类使其处于默认状态,当点击其他按钮时移除active类并赋予当前按钮。 $(document).ready(function () { $('#ball').click(function (e) { e.preventDefault(); $('#ball').removeClass('active'); $(this).addClass('active
bootstrap导航栏 active无法动态显示
bootstrap或者其他的导航栏点击某个菜单会出现只有默认的有样式 其他的点击会显示下然后又没了  在网上找了很多很多比如 $('ul.nav > li').click(function (e) { e.preventDefault(); $('ul.nav > li').removeClass('active'); $(this).addClass('active'); });
Bootstrap模板Metronic设置默认选中侧边栏
一开始我们拿到的模板页面如下图所示,但是在给出的模板中,每个页面都包含了左侧的侧边栏代码,这在我们开发系统的时候,显然不能这么做,不利于变更,重复性也很大,但是如果是放在一个文件中统一包含进来的话,就涉及到要如何让侧边栏正确选中当前页面的链接,而不是人工的却设置tab的开关。 通过看模板的源码,发现了一个函数setSidebarMenuActiveLink,在侧边栏的选项链接中,为每
Bootstrap按钮状态
Bootstrap按钮状态 活动状态 1.活动状态 大家好 //注意active没有前缀,它是一种指令。 2.运行效果 注意:活动状态的颜色较深,相当于鼠标点击按下去的一种状态。 禁用状态 1.设置禁用状态 大家好
Bootstrap list-group-item获取值
Bootstrap 中的list-group用jquery获取list-group-item值 $(&quot;.list-group-item&quot;).on(&quot;click&quot;, function(){ $(&quot;.list-group-item&quot;).removeClass(&quot;active&quot;); var childs=this.children; $(this).addClass(&quot;acti...
bootstrap动态切换导航按钮的active属性就实现
在网上找了半天怎么动态切换导航,偶然发现bootstrap实现方法,bootstrap框架真的很强大,直接用能省不少时间,菜鸟教程很不错,在上面找到点击打开链接&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;title&amp;gt;Bootstrap 实例 &amp;lt;/titl..
bootstrap轮播图与现实问题和active使用等
Title angular.module("myApp",[]).controller("myControl",["$scope",function($scope){ $scope.ReportTypeInit = function(){ //假设营业执照和许可证是从后台传
Bootstrap 高亮某个菜单项
高亮某个菜单项为下拉菜单中某个下拉项的 &amp;lt;li&amp;gt; 元素添加 .active类,就可以让它高亮显示,表示它是当前活动的菜单项。如:&amp;lt;ul class=&quot;dropdown-menu&quot;&amp;gt;  &amp;lt;li&amp;gt;&amp;lt;a tabindex=&quot;-1&quot; href=&quot;#&quot;&amp;gt;Regular link&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt
jQuery高亮当前选中菜单
假如页面中有以下菜单 首页 归档 分类 关于 如果不是Bootstrap自行定义active CSS样式 $(document).ready(function(){ $(".navbar-nav li").click(function(){ $(this).addClass("active").siblings().removeClass("active");