0

変更を加えたときにすべてのページのトップ メニューを更新する必要がないように、インクルード機能を使用しています。私のサイトでインクルード関数を使用したスニペットは次のとおりです:-

<div id ="header">
   <div id="logo"></div>
     <nav>
        <?php include 'menu.php' ?>
     </nav>
</header>

そして、ここに menu.php ファイルが保持するものがあります

    <div id="menu_container">
      <ul class="sf-menu" id="nav">
        <li><a href="badmintonIndex.php">Home</a></li>
        <li><a href="badmintonAbout.php">About Us</a></li>
        <li><a href="#">Leagues</a>
          <ul>
            <li><a href="#">Brighton</a>
              <ul>
                <li><a href="#">Singles</a>
                  <ul>
                    <li><a href="#">Results</a></li>
                    <li><a href="badmintonSinglestables.php">Tables</a></li>
                  </ul>
                </li>
                <li><a href="#">Doubles</a>
                  <ul>
                    <li><a href="#">Results</a></li>
                    <li><a href="#">Tables</a></li>
                  </ul>
                </li>
              </ul>
            </li>
          </ul>
        </li>
        <li><a href="badmintonRules.php">Rules</a></li>
        <li><a href="#">Hall of Fame</a>
          <ul>
            <li><a href="#">Brighton</a>
              <ul>
                <li><a href="badmintonFame.php">Singles</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li><a href="badmintonContact.php">Contact Us</a></li>
      </ul>
    </div>

ただし、私の問題は、ネストされたアイテムを含むメニューアイテムがドロップダウンし、それらの上にカーソルを合わせるとより多くのオプションが提供されることですが、このように機能しないことです。しかし、コードを直接コピーすると正しく動作します。

ここでは、コードが直接コピーされて機能するページと、インクルードを使用しているページで機能しません:-

作業dtlsports.co.uk/badmintonSinglestables.php

dtlsports.co.uk/badmintonSinglestablesA.php が機能しない

ご覧のとおり、最初のページのナビゲーション メニューは機能しますが、2 ページ目では適切にドロップダウンしません。

誰でも提案できるものはありますか?ありがとう!

4

1 に答える 1

1

問題は、非作業ページに、作業ページにある al js スクリプトが含まれていないことです。例えば:

<script type="text/javascript">
$(document).ready(function() {
$('ul.sf-menu').sooperfish();
$('.top').click(function() {$('html, body').animate({scrollTop:0}, 'fast'); return false;});
});
</script>
于 2013-03-28T19:33:55.610 に答える