bootstrap导航条标签页怎么选中当前项active-在线助手,你的在线工具箱

bootstrap导航条标签页怎么选中当前项active

在线助手博客首页

**问题描述:bootstrap nav-tabs怎么选中当前项active**

为什么**使用js或者jquery 如下设置class和移除class active后，还是无反应？或者点一下就变回去了？**

![选中效果](https://upload-images.jianshu.io/upload_images/2704327-a126cafa2fd76a1c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/800)

```html
<li role="presentation" class="roleText active" id="roleText">
     <a here ="https://www.it399.com/" onclick="changeToText();" >文本</a></li>
<li role="presentation" class="roleNetUrl" id="roleNetUrl">
     <a  here ="https://www.it399.com/" onclick="changeToNetUrl();" >网址</a></li>

```

```html

}

</script>

</script>
```

![切换效果](https://upload-images.jianshu.io/upload_images/2704327-36e22c9255479476.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/800)

**后面发现是a标签的herf定位到了 在线助手 首页:https://www.it399.com**

这样点击的时候就会刷新页面，所以设置的效果就看起来一闪而过，又恢复到了之前的状态。

**如果点击标签页不需要跳转页面，那么去掉herf即可。其它首页导航以此类推。点此可以查看效果:[艺术彩色二维码在线生成-在线助手,你的在线工具箱!](https://www.it399.com/myQrcode.jsp)**