Question

我有这个jquery代码从jquery代码自动切换（从li元素和另一个中删除类）我的菜单

<div id='menu'>
<ul>
<li><a href="index.php" class="active">item 1</a></li>
<li><a href="about.php">item 2</a></li>                
<li><a href="contact.php" class="lastmenu">item 3</a></li>            
</ul>
</div>

和我试过的jquery代码

$("#menu li a").click(function() {
    debugger;
  $("#menu li a").not(this).removeClass("active");
  $(this).toggleClass("active");
});

但这似乎没有做任何类添加和删除。我做错了什么？

Answer 1

由于您正在处理重新加载的页面，您可以尝试

jQuery(function ($) {
    var path = location.pathname.split('/').pop();
    $('#menu li a[href="' + path + '"]').addClass('active');
})

Answer 2

试试这个：

   $("#menu li a").click(function() {
      $("#menu li a").removeClass("active");
      $(this).addClass("active");
    });

Fiddle

Answer 3

试试这个：

var page = window.location.href;
page = (page.split("/").pop()).split(".php")[0]+".php";
$("#menu li a.active").removeClass("active");
$("#menu li a[href='"+page+"']").addClass("active");

Fiddle here.

jquery删除并在list元素中添加类

3 个答案: