动态导航边栏内容

时间:2013-07-28 20:45:53

标签: javascript html

我的网站上有一个导航侧边栏,其中包含所有主要网站页面,每个页面都有相同的链接,但当前页面不是链接,因此您可以直观地告诉您所在的页面,以及没有理由链接到当前页面。目前,我手动执行此操作,每次创建新页面时复制和粘贴链接列表,然后用纯文本替换当前页面的链接。但是,我必须返回所有现有页面并添加新页面。有没有办法在外部文件中创建一个链接列表,可能是一个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 / icyworld页面上的相同列表:

<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>

列表比这长,但这就是想法。

1 个答案:

答案 0 :(得分:0)

您应该使用简单的PHP

例如,创建一个名为nav.php的文件。把它放在你的菜单中。然后,要从任何其他位置调用此文件,只需输入:

<?php include('nav.php'); ?>

然后,如果您想更改每个站点上的给定链接,您只需要在nav.php文件中修改一次。

P.S - 您的所有文件都必须.php分机,否则无效。

相关问题