Joomla：在浏览单独的子菜单项时如何保持主菜单项突出显示？

Question

我正在尝试制作一个水平的“类别”主菜单和一个垂直的子菜单，与主菜单分开。 当我选择一个类别时，将显示其主页。 但是，当我从子菜单中选择另一个页面（该页面应该属于同一类别）时，主菜单中的“类别”项就会停止突出显示。 所有菜单都定义为“独立”模块，而我使用的是Joomla 1.6.3。

Answer 1

任何类型的突出显示或效果均基于CSS类，这些类是在通过XML创建菜单时分配的。 如果每个菜单都是单独的而不是一个较大的层次结构，则可能会遇到问题。 您的菜单结构应使用层次结构在一个模块中完成。

如果我们在以下位置查看Joomla 1.6演示页面：hhttp：//demo16.cloudaccess.net/index.php/using-joomla/extensions我们可以看到“正在使用Joomla！”。 是父级，“使用扩展程序是子级”。 让我们看一下分配给

对于每个链接

使用Joomla-class =“活动更深层的父级”使用扩展-class =“当前活动更深层的父级”

然后，您可以根据以下层次结构使用CSS Javascript控制格式

  li.parent li.current { CSS here } //do things based on the current li.active li.active { css here } // add an .active for each level down the hierarchy, for example to affect 3 ways in, require three li.actives in the hierarchical-selector 

例如，以下是该页面上使用的一些CSS规则：

 ul.menu li.active a:link, ul.menu li.active a:visited { color: #333333; } ul.menu li.active ul li.active a:link, ul.menu li.active ul li.active a:visited { border-bottom-color: #ffffff; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: currentColor; border-left-style: none; border-left-width: 0px; border-right-color: currentColor; border-right-style: none; border-right-width: 0px; border-top-color: currentColor; border-top-style: none; border-top-width: 0px; color: #333333; } 

如果您没有使用一个大菜单来显示所有内容，那么父项将不会添加正确的CSS类，因此您必须使用更复杂的JavaScript。

Answer 2

当时我不知道的是，我应该将顶部菜单中的每个项目都设置为“ 菜单项别名” 。 当从子菜单中选择项目时，这使我可以使该项目保持突出显示。

根据Joomla文档http://docs.joomla.org/Help16:Menus_Menu_Item_Manager_Edit#Menu_Item_Alias ：

“此菜单项类型创建到现有菜单项的链接。它允许您在两个或多个不同菜单上具有相同的菜单项，而无需重复设置。因此，例如，如果您更改具有链接到它的别名，别名将自动获得相同的更改。”

对于那些像我之前一样，都在为Joomla菜单而苦苦挣扎的人-这种配置的主菜单位于“模块菜单”中，且“开始”和“结束”级别设置为1（“ 基本选项” ），而子菜单位于其他菜单中“模块”，但具有相同的菜单，但从级别2开始。