我正在使用include函数作为一种方法,以防止我在进行更改时更新每个页面上的顶级菜单。以下是我网站上使用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
如您所见,第一页上的导航菜单有效,但在第二页上没有正确下拉
有没有人可以提出建议?谢谢!
答案 0 :(得分: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>