一个函数中的jQuery removeClass和addClass

我有以下菜单：

 
 My Profile  
 
  Search  
 
 Favorites  
  

和我的函数（加载在标题中的.js文件中）：

 function loadTab() { jQuery(".navitem").removeClass("active"); jQuery(".navitem").click(function () { jQuery(this).addClass("active"); }); } 

删除“活动”类工作，将“活动”类添加到单击的元素不起作用。 有任何想法吗？

最好的祝福！

Answer 1

正如thatidiotguy所说，你要把class级搬到错误的地方。 你想要这样的东西：

 jQuery(".navitem").click(function (event) { event.preventDefault(); jQuery(".navitem").removeClass("active"); jQuery(this).addClass("active"); }); 

编辑：而且，不需要javascript:loadTab(); 在你a标签。 将其href属性更改为# ：

 
 
 My Profile  
 
  Search  
 
 Favorites  
  

另外，我添加了event.preventDefault(); 在链接的click事件处理程序中。

Answer 2

这是因为无论何时单击选项卡，您都将删除该类。 然后，当您单击时，您将告诉选项卡调用loadTab。 这又一次取消了课程。 想一想“梦中的梦想”