我正在使用 twitter 引导程序并尝试在选择列表项时使用 jquery 将“活动”类设置为导航列表项。
下面是我的代码
<ul class="nav nav-pills pull-right">
<li id="home"><a href="/">Home</a></li>
<li id="gadget"><a href="/category/gadgets"><span>Gadgets + Geeky</span></a></li>
<li id="toys"><a href="/category/toys"><span>Toys</span></a></li>
<li id="wearables"><a href="/category/wearables"><span>Wearables</span></a></li>
<li id="home_office"><a href="/category/home-office"><span>Home + Office</span></a></li>
<li id="food_drinks"><a href="/category/food-drinks"><span>Food + Drinks</span></a></li>
<li id="kids"><a href="/category/kids"><span>Kids Stuff</span></a></li>
</ul>
<script>
$( document ).ready(function() {
$('ul li').click(function() {
// remove classes from all
$('li').removeClass('active');
// add class to the one we clicked
$(this).addClass("active");
});
});
</script>
但是,当我单击列表项时,导航项上设置了临时活动类,但页面正在刷新并显示当前单击的列表项而没有活动类。
我已按照使用 JQuery 在导航栏中切换活动类中提到的说明进行操作 ,但没有成功。
有人可以指出我缺少什么。
谢谢