Joomla 3.0 创建虚拟菜单项

Posted 2023-02-23

【中文标题】Joomla 3.0 创建虚拟菜单项

【英文标题】：Joomla 3.0 creating dummy menu item

【发布时间】：2013-06-28 01:17:33

【问题描述】：

这似乎很简单，但我什至不知道如何寻找答案。

我正在使用带有 Protostar 模板的 Joomla 3.0，并且我正在尝试创建一个菜单项（使用水平导航药丸样式），单击该菜单项时，只会显示子菜单项，而不是刷新页面然后显示子菜单。就像现在一样，我无法弄清楚如何以没有与之关联的链接的方式创建顶部菜单项。

例如，我的前三个菜单项是“主页”、“订单”、“员工”。如果我点击员工，我不希望它把我带到任何其他页面，只显示员工的子菜单。我该怎么做？

我尝试过使用“菜单标题”菜单项类型，但它甚至没有将其创建为链接，只是纯文本 - 更不用说 CSS 都是错误的。

【参考方案1】：

菜单项类型 -> 系统链接 -> 文本分隔符。然后创建其他菜单项作为该元素的子项。

【讨论】：

试过了，但我得到了与菜单标题相同的结果——它不是超链接，所以点击它没有效果。加上样式不同，但更容易处理。

@trpt4him 仅供参考，对我来说有一个超链接，但样式不同。

@trpt4him 在您的问题中您明确告诉我们您 不需要 一级菜单父项中的链接。这部分 - 如何以没有自己的链接的方式创建顶部菜单项 - 现在您告诉我们相反的事情。因此，您需要更好地向我们解释您到底需要什么。

【参考方案2】：

如果“文本分隔符”类型不起作用，则将其设为“外部 URL”并使其指向“#”（不带引号）。

这应该可以解决您的问题。

【参考方案3】：

外部 URL（指向 #）列在系统链接下，而不是 Web 链接下，人们可能会在其中查找它。

【参考方案4】：

您只需定义一个 CSS 类并将其与您的菜单项一起使用！

在 Joomla 中打开您的菜单项。

从三个选项卡（详细信息、链接类型、模块分配）中选择“链接类型”。

将“链接 CSS 样式”字段设为 CSS 样式 not-active。只需写这个（不带引号或 css 中的点。

转到您的模板 css 样式：（“扩展 > 模板管理器。选择您的模板（不是在左侧，而是在右侧（在“模板”列中））。

将此 css 类插入到您的模板主 css 文件中：

    .not-active 
       pointer-events: none;
       cursor: default;
    

就是这样。它工作得很好！无论您定义了哪种类型的菜单项。