PHP链接无法正常工作

Question

我刚刚开始使用PHP构建我的网站。一切都很好，我试图用我的导航栏。这就是它的样子：

这是navbar.php它被包括在index.php中。

<div class="nav-items"> 
    <ul> 
     <li><a href="biography.php">Biography</a></li> 
     <li><a href="music.php">Music</a></li> 
     <li><a href="pictures.php">Pictures</a></li> 
     <li><a href="concerts.php">Concerts</a></li> 
     <li><a href="booking.php">Booking</a></li> 
    </ul> 
</div> 

当我点击我的导航栏中的链接时，它没有指引我进入页面。这与你写href="#"时的行为是一样的。我只是留在页面上，URL不会改变。

当我将鼠标悬停在链接上时，我看到的路径是正确的。当我手动输入该路径时，它完美地工作，页面被渲染。

我的文件结构：

• css文件夹
• 的js文件夹
• 模板文件夹
  • navbar.php
  • footer.php
• index.php
• biography.php
• music.php
• pictures.php
• concerts.php
• booking.php

我使用XAMPP在本地运行的网站。任何人都可以看到我在这里做错了吗？

编辑：

感谢@syck现在我已经发现了我的jQuery代码的一部分负责。它是我用来显示活动页面的代码：

$(function() { 
    $('.navbar').on('click', 'div.nav-items ul li a', function(e) { 
     e.preventDefault(); 
     $(this).parents('.navbar').find('.active').removeClass('active').end().end().addClass('active'); 
     $(activeTab).show(); 
    }); 
}); 

此代码被删除后，导航就像魅力一样。任何人都知道为什么会导致这种行为？

Answer 1

尝试这种方式

<div class="nav-items"> 
    <ul> 
     <li><a href="../biography.php">Biography</a></li> 
     <li><a href="../music.php">Music</a></li> 
     <li><a href="../pictures.php">Pictures</a></li> 
     <li><a href="../concerts.php">Concerts</a></li> 
     <li><a href="../booking.php">Booking</a></li> 
    </ul> 
</div> 

Answer 2

<div class="nav-items"> 
    <ul> 
    <li><a href="../biography.php">Biography</a></li> 
    <li><a href="../music.php">Music</a></li> 
    <li><a href="../pictures.php">Pictures</a></li> 
    <li><a href="../concerts.php">Concerts</a></li> 
    <li><a href="../booking.php">Booking</a></li> 
    </ul> 
</div> 

我希望这将工作

Answer 3

添加

<base href="your website" >

元素的index.php

Answer 4

我认为有一些错误，其中u已经给出了路径。 给出正确的路径。检查是否在找到index.php的相同位置找到biography.php。