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文件夹
templates文件夹
- 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

在index.php

中添加

<base href="your website" >

元素

Answer 4

我认为你给出的路径有一些错误。给出正确的道路。检查是否在找到index.php的同一位置找到了tradition.php。

PHP链接不起作用

4 个答案: