Joomla - 如何高亮显示活动页面的菜单项
关于Joomla，它是一个基于PHP的开源内容管理系统（CMS），允许用户轻松地创建和管理网站。以下是关于如何在Joomla中高亮显示活动页面的菜单项的方法：
- 使用CSS样式：
在Joomla中，可以通过创建一个自定义CSS样式来高亮显示活动菜单项。首先，在Joomla的模板目录中创建一个名为“custom.css”的文件，并将以下CSS代码添加到该文件中：
.nav-active {
background-color: #f2f2f2;
color: #000;
}接下来，在模板的“index.php”文件中，将以下代码添加到<head>标签内：
<link rel="stylesheet" href="templates/your_template_name/custom.css" type="text/css" />最后，在模板的“menu.php”文件中，将以下代码添加到<a>标签内：
<?php if ($item->id == $default->id) : ?>
class="nav-active"
<?php endif; ?>- 使用JavaScript：
在Joomla中，可以使用JavaScript来高亮显示活动菜单项。首先，在模板的“index.php”文件中，将以下代码添加到<head>标签内：
jQuery(document).ready(function($) {
var current_url = window.location.href;
$('.nav-menu a').each(function() {
if ($(this).attr('href') == current_url) {
$(this).addClass('nav-active');
}
});
});
</script>接下来，在模板的“custom.css”文件中，将以下CSS代码添加到该文件中：
.nav-active {
background-color: #f2f2f2;
color: #000;
}最后，在模板的“menu.php”文件中，将以下代码添加到<a>标签内：
class="nav-menu"这样，当用户访问活动页面时，菜单项将被高亮显示。
推荐的腾讯云相关产品：
- 腾讯云服务器：提供高性能、高可靠的云服务器，支持一键部署Joomla等应用。
- 腾讯云数据库：提供MySQL、MongoDB等多种数据库服务，可以帮助用户存储和管理网站数据。
- 腾讯云CDN：提供内容分发网络服务，可以加速网站访问速度，提高用户体验。
产品介绍链接地址：
相关·内容
1回答
当没有子页面/类别时突出显示Wordpress菜单项
wordpress、menu、highlight
我的客户正在请求一个我不知道如何集成的函数。用白色高亮显示菜单项(活动)，即使在完全不同的站点页/帖子/类别中.转到这个页面：我没有集成菜单层次结构(子类别/页面)，因为在整个
浏览 0提问于2013-10-09得票数 0
回答已采纳
1回答
如何使用选项卡突出显示并获取同一页面上主导航菜单项和子导航菜单项的活动状态
reactjs、material-ui、react-router、navigation
在我的React <Header>组件中，我使用为主导航创建一个主菜单，其中包含了反应性路由器链接，而不是显示选项卡内容： href={item.url} /> </Tabs>
在同一页上到主导航菜单项的路由路径是：/example-path。当我导航到此
浏览 3提问于2022-11-24得票数 -1
2回答
如何突出显示子菜单项？
joomla、joomla2.5
我在Joomla！只有正确菜单项的子菜单项显示。太棒了！感谢您的阅读。
嘿，等等..。菜单项总是链接到与其第一个子项目相同的项目，因此在选择菜单项时，应该突出显示第一个子项目以及菜单项，但只有后者才会突出<
浏览 2提问于2013-08-12得票数 0
回答已采纳
1回答
具有自定义post类型的当前页面的Nav样式
custom-post-types、menus
我试图使用下面的CSS来高亮显示当前页面或父页面的WordPress站点的导航样式。我使用自定义post类型来显示项目。当我在上面添加以下内容时，我遇到了问题：使用它，我得到以下信息：
突出显示项目链接(. current -菜单项)和博客链接(.current_page_parent)，在主项目页面上，博客链接显示为当前页面的父页面。在项目CPT的文章中，博客被显示<
浏览 0提问于2014-10-19得票数 0
回答已采纳
1回答
如何将侧栏添加到分类法页或节点页？
theming
考虑一下人们如何使用Drupal来更新类别。类别将是视图中的分类法，因此它们可以将节点引用到类别。问题是如何将侧栏添加到分类法页或节点页并设置菜单项活动/突出显示？
浏览 0提问于2015-03-22得票数 0
3回答
主菜单中的锚点链接在带有锚点的页面上始终处于活动状态
css、hyperlink、anchor、menuitem
问题是，当我在主页上时，锚链接显示为活动的，即使锚在页面的一半。
有没有可能应用一个类来显示它，就像不活动的菜单项一样，或者我在锚点链接上做错了什么？
浏览 2提问于2013-05-29得票数 0
回答已采纳
2回答
Joomla 3:如何将父菜单项显示为“活动”
menu、submenu、joomla3.0
如果用户单击顶级菜单，则所单击的项将显示为活动的。这很好。我想要将父项与所选子项一起显示为活动项。
浏览 1提问于2013-04-18得票数 0
1回答
单击时，库内马论坛的顶部菜单别名项目未激活
joomla、menu、alias
我刚刚安装了Joomla版本2.5.9和库内马论坛组件版本2.0.4。我还没有安装任何其他组件/模块/插件。我创建了一个名为“论坛体育”的新的顶部菜单项作为“菜单别名项目”，并将其指向库内马菜单的“论坛”项目(请参见下图)。
如何使顶部菜单项“论坛体育”在指向库内马
浏览 3提问于2013-02-21得票数 0
1回答
我的网站的导航菜单是通过一些菜单项是类别页(比如/category/news/)。我注意到，只有当类别页面是当前的时候，菜单才会被高亮显示(“当前菜单项”类)。如何在查看单个帖子页(/news/123/)时使菜单保持高亮显示</em
浏览 0提问于2013-04-28得票数 1
回答已采纳
5回答
Virtuemart Joomla菜单突出显示错误项目
joomla、virtuemart
我在Joomla 1.5上安装了Virtuemart 1.1.7a。我们使用Joomla菜单作为店面菜单。并不是每个类别都会在此菜单中列出(只有“父”类别，没有子类别)。当用户导航到子类别(即不在列表中的类别)时，它会从侧边菜单中突出显示错误的类别。你可以在下面的网站上看到：
并选择“本地作者”。然后在左侧突出显示菜单项“明信片”。最好是a)突出显示任何类别，或者b)突出显示'Books‘(这是'Local Authors’的父类
浏览 0提问于2011-06-22得票数 0
回答已采纳
5回答
如何在访问ASP.Net MVC 5应用程序中的页面时保持活动菜单项的高亮显示？
javascript、jquery、html、css、asp.net-mvc
在那一页中有四个菜单项。默认情况下，当页面加载第一个菜单项时(因此，页面加载时应该立即突出显示)。现在，当用户单击任何其他菜单时，其他菜单就应该处于高亮显示阶段，这样用户就可以知道他当前在哪个菜单上了。以下是我的尝试：在ul标签上添加一个单击事件。点击时，在ul标签中找到“活动”类并删除它。发行：
选中的/单击的菜单被高亮
浏览 11提问于2017-08-10得票数 8
回答已采纳
2回答
asp:菜单选定菜单项突出显示
asp.net
我使用asp:menu来显示母版页中的菜单。如果我单击菜单项1，相应的页面将加载到内容页面中。我需要选择的菜单项应该突出显示一些颜色。请帮帮我。
浏览 0提问于2010-05-27得票数 2
1回答
当相应的子菜单项处于活动状态时，是否可以将顶部菜单项显示为活动状态？
joomla、joomla1.6
我有以下菜单结构，并使用标准的菜单joomla模块：
menu techniques例如，当我点击主页顶部菜单项时，主页顶部菜单项和主页子菜单项被显示为活动的。我希望在其他菜单时间具有相同的行为。例如，当单击子项tech1时，tech1和techniques应该被标记为活动的。我能用标准的joomla模块实现我的目标吗?还是
浏览 1提问于2011-07-26得票数 0
回答已采纳
2回答
如何突出显示已链接到已选定菜单的项
javascript、html、css、joomla
我不能高亮显示选定的(活动)菜单项。我在Joomla中创建了一个模块，它有指向菜单项的图像。就像一个额外的菜单。</div>现在我想以某种方式突出显示</em
浏览 0提问于2016-07-20得票数 0
回答已采纳
3回答
在Joomla2.5.6中，Itemid用于标记活动菜单项的位置在哪里？
joomla、joomla2.5
有人能帮我处理Joomla Itemid参数作为突出显示的菜单项的流程吗？echo str_replace($replacementToken, $thirdPartyHTML, $joomlaHTML);
在v1.5.x中，ID为103的菜单项被正确高亮显示，但在v2.5.6中，
浏览 0提问于2012-08-18得票数 0
回答已采纳
2回答
如何从其他CMS中获取内容到Magento？
php、magento、drupal、joomla
我有一个Magento站点，其中一个菜单项需要是来自其他CMS平台(Joomla或Drupal)的动态CMS页面。该菜单项的登陆页(当用户单击该菜单项时)应列出所有新闻(按日期排序)。然后，当用户单击其中一篇文章时，文章将在同一菜单项下打开。我在想这些解决方案之一：
浏览 3提问于2013-01-22得票数 1
3回答
joomla如何从文档访问菜单别名
css、menu、joomla
我有几个菜单，导致同一页，但我需要该页做不同的事情取决于被点击的链接。(例如，Site.com/星期一，site.com/星期二)
如何在joomla 1.7中使用PHP访问文档中的菜单别名？
浏览 6提问于2011-10-03得票数 0
1回答
Joomla 3.3文章URL？
url、joomla、joomla3.0
我正在使用Joomla3.3，并且有很多文章。我的目标是让文章的网址是，但是，现在，当您单击一篇文章时，它会转到并带您到主页，而不是停留在菜单项页面上我希望页面停留在菜单项的页面上，因为我有特定于页面的模块。
我想要一些明确的帮助，因为当我谷歌是相当不清楚的答案。
浏览 2提问于2015-03-03得票数 0
回答已采纳
1回答
在Joomla1.7中，我想向登录成员和来宾显示相同的菜单。但对于会员，我想显示成员的唯一内容，为每个菜单条目和客人，我想显示销售副本。但我无法让它发挥作用-所谓的限制内容，为客人显示给两位客人和登录成员。
ANyone知道另一个解决方案吗？非常感谢德克斯
浏览 3提问于2011-12-20得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
