2016-04-29 172 views
1

我剛剛開始使用PHP構建我的網站。一切都很好,我試圖用我的導航欄。這就是它的樣子: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(); 
    }); 
}); 

此代碼被刪除後,導航就像魅力一樣。任何人都知道爲什麼會導致這種行爲?

+0

我已經爲此搜索,並發現類似的問題,但提供的解決方案並不適合我。 – idix

+0

請先停用JavaScript和CSS,然後重試。 – syck

+0

是您在htdocs文件夾中的文件結構?當使用xammp時,瀏覽器中查看文件的URL也需要爲http://localhost/xampp/folder/filename.php – gavgrif

回答

0

嘗試這種方式

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

我已經試過了,不幸的是,它不適合我。 – idix

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> 

我希望這將工作

0

添加

<base href="your website" >
元素的index.php

0

我認爲有一些錯誤,其中u已經給出了路徑。 給出正確的路徑。檢查是否在找到index.php的相同位置找到biography.php。

+0

路徑是正確的:當我手動輸入網址時,它可以正常工作。我可以在Firefox的鏈接預覽中看到它是相同的網址。 – idix