1

我正在尝试制作一个水平的“类别”主菜单和一个垂直的子菜单，与主菜单分开。当我选择一个类别时，会显示其主页。但是当我从子菜单中选择另一个页面时，它应该来自同一类别，然后主菜单中的“类别”项目不再突出显示。所有菜单都定义为“独立”模块，我使用的是 Joomla 1.6.3。

4

2 回答 2

3

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

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

  • 对于每个链接

    使用 Joomla - class="active deep parent" 使用扩展 - class="current active deep parent"

    然后，您可以根据层次结构使用 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。

    • 于 2011-06-24T20:08:35.867 回答
    3

    我当时不知道我应该将顶部菜单中的每个项目设置为Menu Item Alias。这使我可以在从子菜单中选择项目时保持项目突出显示。

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

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

    对于那些像我以前一样，正在为 Joomla 菜单的想法而苦苦挣扎的人——这种配置中的主菜单位于“模块菜单”中，开始和结束级别设置为 1（基本选项），而子菜单位于不同的“模块”，但带有相同的菜单，但从 2 级开始。

    于 2012-04-02T02:30:32.747 回答