ajax - AJAX 页面加载器导航栏

Question

我的网站是：

http://econrespuestas.com.ar

而且我在使用 AJAX 页面加载器集成时遇到了问题。当您单击“辅助菜单”中的链接时，它会将其添加到“当前菜单项”类，但不会从其他类中删除“当前菜单项”类。

我正在尝试使用以下代码来做到这一点：

// highlight the current menu item
jQuery('secondary-menu li').each(function() {
    jQuery('thiss').removeClass('current-menu-item');
});
jQuery(thiss).parents('li').addClass('current-menu-item');

但它不起作用。removeClass 选择器一定有问题。你可以帮帮我吗？

Answer 1

首先，thiss不存在（除非在其他地方声明）。一定是this。另外尝试更多类似...

jQuery('.current-menu-item').removeClass('current-menu-item');
jQuery(this).parents('li').addClass('current-menu-item');

这就是说“从具有该类current-menu-item的任何对象中删除该类current-menu-item，然后将该类添加到单击项目current-menu-item的父级”li

此外，请确保在您的 CSS 中，.current-menu-item{...}出现在非当前选定项目的任何样式之后。

---

见小提琴：http: //jsfiddle.net/6hR9K/2/

---

$此外，除非您与使用符号代替有特定冲突，否则jQuery我建议您这样做。

$('.current-menu-item').removeClass('current-menu-item');
$(this).parents('li').addClass('current-menu-item');