时间戳

首页 > 解决方案 > 如何突出显示引导程序 3 中的活动链接？

jquery - 如何突出显示引导程序 3 中的活动链接？

问题描述

基于引导程序版本 3 的网站中有 3 个内嵌按钮：

<div class="btn-group">
<a class="btn btn-primary" href="page1.php">button 1</a>
<a class="btn btn-primary" href="page2.php">button 2</a>
<a class="btn btn-primary" href="page3.php">button 3</a>
</div>

我想突出显示哪个标签处于活动状态，我尝试了以下 jquery 代码

$(".btn-group > a").click(function(){
$(this).addClass("active").siblings().removeClass("active");
$(this).addClass("active");

但它不起作用，我什至尝试了以下代码

$(".btn-group > a").click(function(e){
e.preventDefault();
$(this).addClass("active").siblings().removeClass("active");
$(this).addClass("active");

上面的代码似乎工作，但问题是链接完全停止工作。它只是保持在同一页面，只突出显示按钮。

任何指导我如何实现它？

我想用标签而不是标签来做，但我愿意接受建议。

标签： jquerytwitter-bootstrap-3

解决方案

推荐阅读