Py学习  »  问与答

如何动态改变 class 来实现导航栏的高亮显示?

余星 • 10 年前 • 5286 次点击  

我不想在模板中使用 ifequal 来判断当前页面,因为需要给视图函数添加而外的 currentpage 参数,觉得一个个加太麻烦了。
所以我试着用 jquery 来实现。
我有这样一个导航栏:

<ul class="nva">
  <li class="active"><a href="#">Home</a></li>
  <li><a href="#">Archive</a></li>
  <li><a href="#">About</a></li>
</ul>

我写了条jQuery语句:

$(document).ready(function(){
  $("ul.nav li a").click(function(){
    $("ul.nav li.active").removeClass("active");
    $(this).parent().addClass("active");
  });
});

可是只能单击后,页面还没有跳转的一瞬间能实现高亮,页面跳转加载好后还是原来的样子,请问这是什么原因?要怎么解决?

Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/987
 
5286 次点击  
文章 [ 1 ]  |  最新文章 10 年前
cjsundaa6
Reply   •   1 楼
cjsundaa6    10 年前

你说的这个情况应该用ajax去请求数据吧