通用导航栏链接

Question

所以我知道这是一个愚蠢的初学者问题，但我无法弄明白。它的两部分：

设置
所以我想在我的网站上有一个通用的导航栏。我创建了一个 navigation.php 文件，并且在每个页面上都使用了 include。

问题
在我的索引页面上，它运行良好。但是，我的所有其他页面都在 contentFiles 文件夹中。当我从索引页导航到索引页 contentPages 时，子目录保留在 URL.

要准确查看它在做什么： 1. 前往 http://www.newshongumpto.org 2. 点击 News/Calendar > 日历 3. 点击主页

有什么建议吗？我的下一个问题是如何从我的 dB 中获得这种动态，但我想我会在回来之前先尝试一下。

<nav class="navbar navbar-default navbar-fixed-top navbar-left" role="navigation">
  <div class="nav-container container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs3-navbar-collapse"><span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
      <img src="/images/ShongumSkyhawkBird_Green_Brand.png" alt="Shongum Elementary School" class="skyhawk_navimage" width="45" height="56"></div>
    <div class="collapse navbar-collapse" id="bs3-navbar-collapse">
      <ul class="nav navbar-nav">
        <li class="active"><a href="index.php">Home</a></li>
          <li><a href="about.php">About Us</a></li>
<li class="dropdown"> <a href="/membership/membership.php" class="dropdown-toggle" data-toggle="dropdown">Membership <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="#">Benefits of Membership</a></li>
            <li class="divider"></li>
            <li><a href="membership/parentform.php">Parent Membership Application</a></li>
            <li><a href="membership/teacherform.php">Teacher Membership Application</a></li>
          </ul>
        </li>
        <li class="dropdown"> <a href="/programs/programs.php" class="dropdown-toggle" data-toggle="dropdown">Programs <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="/programs/getinvolved.php">Get Involved!</a></li>
            <li class="divider"></li>
            <li><a href="/programs/familyportraits.php">Family Portraits</a></li>
            <li><a href="/programs/roomparents.php">Room Parents</a></li>
            <li><a href="/programs/enrichment.php">Skyhawk Enrichment</a></li>
          </ul>
        </li>
        <li class="dropdown"> <a href="/classes/classes.php" class="dropdown-toggle" data-toggle="dropdown">Classes <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="/classes/kindergarden.php">Kindergarden</a></li>
            <li><a href="/classes/1st.php">1st Grade</a></li>
            <li><a href="/classes/2nd.php">2nd Grade</a></li>
            <li><a href="/classes/3rd.php">3rd Grade</a></li>
            <li><a href="/classes/4th.php">4th Grade</a></li>
            <li><a href="/classes/5th.php">5th Grade</a></li>
          </ul>
        </li>
        <li><a href="store.php">Store</a></li>
        <li class="dropdown"> <a href="/newsCalendar/newscalendar.php" class="dropdown-toggle" data-toggle="dropdown">News/Calendar <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="/newsCalendar/news.php">News</a></li>
            <li><a href="/newsCalendar/calendar.php">Calendar</a></li>
          </ul>
        </li>
        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">RSD<b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="https://www.rtnj.org/Page/2444">RAM Alerts</a></li>
            <li><a href="https://www.rtnj.org/domain/162">District Calendar</a></li>
            <li><a href="http://maschiofood.com/shongum-elementary-school/">Lunch Menu (Shongum Only)</a></li>
          </ul>
        </li>
          <li><form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="749L2346K28NW">
<input type="submit" value="Donate Now »" name="submit" title="Donate to your Shongum PTO Today!" class="paypal_btn">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form> </li>
      </ul>

      <a class="btn btn-default navbar-btn" href="../contentPages/membership/membership.php">Membership Sign-Up</button>
    </a>    </div>
  </div>
    </nav>

Answer 1

将href="index.php"改为href="/index.php"

同样为所有 url 添加斜杠。这样，您所有的 url 都将从您网站的基础 url

路由

Answer 2

相关链接起到了作用...呃...（呃）...

通用导航栏链接

Universal NavBar Links

php

nav

navbar