以下菜单工作正常。但是一旦我添加了子菜单,菜单项就不再是可点击的(只有子菜单项)。
<div id="menu">
<ul>
<li>
<a href="site.php?page=home" class="active" > Home </a>
<ul>
<li><a href="site.php?page=Account%20Summary" >Account Summary</a></li>
<li><a href="site.php?page=Total%20Transaction" >Total Transaction</a></li>
<li><a href="site.php?page=Claim%20Points" >Claim Points</a></li>
<li><a href="site.php?page=Redeem%20Points" >Redeem Points</a></li>
<li><a href="site.php?page=Profile" >Profile</a></li>
</ul></li>
<li><a href="site.php?page=about" > About Us </a></li>
<li><a href="site.php?page=restaurants" > Restaurants </a></li>
<li><a href="site.php?page=howItWorks" > How It Works </a></li>
<li><a href="site.php?page=contact" > Contact </a></li>
</ul>
</div>
即使显示子菜单,关于如何使菜单可点击的任何建议?
注意:子菜单仅在用户登录时显示。