PHPリンクが機能していません

Question

私はちょうど私のウェブサイトを構築するためにPHPを使い始めました。すべてはうまくいきました、私はnavbarを使用しようとしました。これは、次のようになります。

これはindex.phpに含まれるnavbar.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を使用しています。誰も私がここで間違っているのを見ることができますか？

編集：私は今、私のjQueryのコードの一部を担当していたことが判明しました@syckする

感謝。アクティブページを表示するために使用したコードは次のとおりです。

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

は、私は、これが

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> 

この方法を試してみてください。 。 正しいパスを指定してください。 index.phpと同じ場所にbiography.phpがあるかどうかを確認してください。

Answer 3

私はuが与えられているパスを持ついくつかの誤りがあると思いますのindex.php

Answer 4

に

<base href="your website" >

要素を追加する作業を願っています

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