调用一个项目，在bootstrap中使用javascript

Question

 <ul>
 <li><a onClick="showsub('activ')" class="activ">activ</a></li>
 <li>.........</li>
 </ul>

（option1-selected）option2 option3 ...... option1（option2-selected）option3 ........

以上，已被bootstrap使用，因此当用户点击其中一个li时 它将是活跃的，它将“选择并且看起来与其他人不同”。 我有上面的代码，有两种方法可以使这项工作。 首先，它使用javascript添加class =“Active”...或者删除class =“”什么都没有 这将把它恢复到原来的

第二种方法是添加data-toggle =“pill”

 <li><a onClick="showsub('activ')" data-toggle="pill">activ</a></li>

因此，无论javascript什么，它都会自动启动。如果你只是添加 data-toggle =“pill”然后你不必添加任何javascript ..

我的问题是; 我怎么称呼特定的李？并让data-toggle =“pill”有效吗？

例如.. 说你有以下 menue

家庭信息联系

（家）（资讯）（联络） 其他关于生物管理员反馈的新闻文章

我的问题，当我点击信息时，我想要显示生物 或者当我点击回家时，显示新闻而不点击新闻来显示信息。 我通过使用两个函数完成了这个。 第一个功能叫家，信息，联系.. 然后

if onClick = home
   call function show(news):
elif onClick =info
   call function show(bio):

这样可以正常工作，但有时会看起来像......

新闻（文章）其他人

新闻内容...... bla bla bla

---

请注意，文章已被选中，但会显示新闻（内容）。 我希望你明白这一点...... 我想把show（新闻）称为能够使用data-toggle =“pill”

if onClick = home
   call function show(news):
   & also pill (news) if it is not pill

因此，当我打电话回家时，新闻会出现，而且它也会在菜单上显示

（家庭活跃） （新闻活动）文章其他 新闻内容

Answer 1

试试这种方式

JS CODE：

$('ul li a').removeClass('active');
$('ul li a').eq(<index of the menu which needs to be loaded>).addClass('active');

注意：这可能不是最终解决方案，它只是可能成为最终解决方案的原型。

快乐编码：）