当前位置：文江博客话题详情

If 样式 jQuery 语句帮助

发布于 2024-11-17 13:56:15 字数 331 浏览 0 评论 0原文

我正在使用一个 CMS 网站，该网站使用水平主导航和侧边栏样式子导航。

水平菜单项用于网站的部分，例如关于我们、我们的工作等，侧边栏子导航用于与该部分相关的内容。

一旦用户单击水平菜单项之一并显示该部分的内容和侧边栏导航，我想将一个类应用于与该部分相关的水平菜单项，无论他们单击哪个侧边栏菜单项。

为了实现这一点，每个侧边栏菜单项都分配有一个唯一的类，所以本质上我想用 jQuery 创建的是......

如果“ul.about-sidebar”显示在页面上，则将类“active”添加到水平方向关于我们菜单项。

但我有点不确定如何措辞该声明......有什么想法吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

已下线请稍等 2024-11-24 13:56:15

类似的东西应该可以工作

if ($("ul.about-sidebar").length > 0) {
  $("#AboutUs").addClass("active");
}

如果关于我们菜单项没有唯一的ID，您可能可以使用如下选择器找到它：

$("#horizontalMenu .menuItem:contains('About Us')");

Thislooks for an element with class 'menuItem' 在带有 Id="horizontalMenu" 的元素下包含文本 "About Us"

Something like that should work

if ($("ul.about-sidebar").length > 0) {
  $("#AboutUs").addClass("active");
}

If the About Us menu item doesn't have a unique Id you can probably find it using a selector like:

$("#horizontalMenu .menuItem:contains('About Us')");

This looks for an element with class 'menuItem' containing the text "About Us" under the element with Id="horizontalMenu"

回复收藏 0 原文

南街九尾狐 2024-11-24 13:56:15

$('ul').live('click', function(event) {
  var target = $(event.target);
  $('#' + target.attr('id')).removeClass('inactive-class').addClass('active-class');
});

这应该适用于您单击的任何 ul 元素。区分

$('ul.horiz-navbar')

$('ul').live('click', function(event) {
  var target = $(event.target);
  $('#' + target.attr('id')).removeClass('inactive-class').addClass('active-class');
});

This should apply to any ul element you click. It is OK to make distinction of <ul> elements, so maybe it's better that all the elements in the horizontal navbar are selected by class like $('ul.horiz-navbar').

回复收藏 0 原文

~没有更多了~