动态导航边栏内容
Dynamic Navigation Sidebar Content
我的网站上有一个导航侧边栏,里面有所有的主要网站页面,每个页面都有相同的链接,只是当前页面不是链接,所以你可以直观地判断你在哪个页面上,没有理由链接到当前页面。目前,我正在手动执行此操作,每次创建新页面时都会复制和粘贴链接列表,然后用纯文本替换指向当前页面的链接。但是,然后我必须返回到所有现有页面并添加新页面。有没有办法在外部文件(可能是JS脚本或其他什么)中创建链接列表,动态删除当前页面列表项上的链接,只用文本替换,这样我就可以在添加新页面时将其导入页面模板并同时更新所有页面?
这是一个非常简单的链接列表。例如,以下是/overworld/lightworld页面上显示的列表。
<div id="sidebar">
<ul id="nav">
<li>
Overworld
<ul>
<li>Light World</li>
<li><a href="/overworld/icyworld/">Icy World</a></li>
</ul>
</li>
</ul>
</div>
以下是/overworld/icworld页面上的相同列表:
<div id="sidebar">
<ul id="nav">
<li>
Overworld
<ul>
<li><a href="/overworld/lightworld/">Light World</a></li>
<li>Icy World</li>
</ul>
</li>
</ul>
</div>
清单比这个长,但这就是想法。
您应该使用简单的PHP
。
例如,创建一个名为nav.php
的文件。把你的菜单放进去。然后,要从任何其他位置调用此文件,只需输入以下内容:
<?php include('nav.php'); ?>
然后,如果您想更改每个站点上的给定链接,只需要在nav.php
文件中修改一次即可。
p.S-您的所有文件都必须具有.php
扩展名,否则将无法工作。
相关文章:
- 动态更改'汉堡包'导航取决于BG图像
- 动态生成导航栏和AngularJS
- 有没有一种方法可以基于Angular 2中注册的路线构建动态导航/菜单
- html5:变成导航栏的动态标题
- 动态html页面导航
- 骨干路由器.导航如何传递动态ID
- 如何将活动状态类动态更改(添加)到导航链接
- Angularjs:隐藏包含动态参数的网址的导航栏
- 动态导航链接
- 从 JSON 数据动态创建 Jquery 移动导航栏
- 锚导航与坚持到顶部菜单..需要向锚点添加动态偏移量
- Jquery 在 Firefox 中的自定义对象参数(动态导航加载动态内容)
- 引导活动类动态导航
- 使用 JavaScript 动态更改导航填充
- 无法导航到jquerymobile/phonegap中动态添加的页面
- 在静态导航上动态设置活动链接
- 从ajax动态加载导航中移除Attr(href)
- 动态导航边栏内容
- .htaccess+PHP创建带有一些固定链接的动态Facebook类型导航
- 如何动态导航javascript多维数组