自举丸剂

-2

IM使用自举丸作为我的导航bar.problem是它没有显示与蓝色背景（如自举）的活性CURENT丸这里是我的代码自举丸剂

<div style="margin-left: 15px;margin-bottom: 15px;margin-top: 10px;"> 
    <ul class="nav nav-pills"> 
     <li class="active"> 
      <a href="index.php">Home</a></li> 
     <li class=""><a href="Project.php">Projects</a></li> 

     <li class=""><a href="#">Employee</a></li> 

     <li><a href="#">Forum</a></li> 


    </ul> 
</div>

输出为here

仅在主丸集中

来源

2013-03-26 user1820858

对我来说很好。再次检查你的CSS。你正在使用默认的bootstrap.css文件？ – 2013-03-26 15:27:56

yap即时通讯使用默认bootstrap.css我想我缺少一个简单的技巧在这里 – user1820858 2013-03-26 15:28:46

我希望你明白药丸没有任何功能？所以你可以手动设置'.active'类，或者编写你自己的js代码来移除/添加单击'li'元素的类。附：再次检查您的输出链接。 – 2013-03-26 15:31:09

里面添加script标签验证码：

$(document).ready(function(){ 
    $(".nav-pills li").click(function(){ 
     $(".active").removeClass("active"); 
     $(this).addClass("active"); 
    }); 
});

DEMO

来源

2013-03-26 15:50:03

没有它正在工作 – user1820858 2013-03-26 15:51:13

我认为你是正确的它是（数据切换=“药丸”）只是突出显示不去目标href – user1820858 2013-03-26 15:55:23

基础上给予评论一个完整的答案，工程完全按照预期的的jsfiddle。 .active类的项目将具有蓝色背景。

但是我相信你期望发生的事情是，当你点击一个链接时，药片会自动激活，这不是它的工作原理。

您将需要生成菜单并在生成过程中或在每个页面上分配活动类使用JS将活动类分配给正确的菜单列表项。为了便于使用，我建议将ID分配给列表项，以便您可以执行以下操作：

因此，假设您单击第二个菜单项，在Projects.php页面上，您可以具有以下jquery。

$('#project').addClass("active");

假设你给出了菜单项ID。

来源

2013-03-26 15:56:03

nop不工作 – user1820858 2013-03-26 16:14:55

你尝试了什么？ – 2013-03-27 09:15:09

为每个菜单项提供了id，并在每个页面中放入jquery，如前所述：$（'＃project'）。addClass（“active”）; – user1820858 2013-03-28 08:16:14

回答

相关问题