0

我使用 include 函数来防止我在进行更改时必须更新每个页面上的顶部菜单。这是在我的网站上使用包含功能的片段：-

<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

如您所见，第一页上的导航菜单有效，但在第二页上没有正确下拉

有什么人可以建议的吗？谢谢！

4

1 回答 1

1

问题是在非工作页面上，您不包括工作页面上的所有 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 回答