JavaScript下拉菜单问题导航

Question

我使用的JavaScript下拉导航菜单，我发现一些谷歌搜索后，我设法按照我想要的样式。但是，在验证我的网站之后，我收到ul标记的错误（错误：元素ul不允许在此上下文中作为元素ul的子元素（抑制来自此子树的更多错误））。我不仅得到这个错误，导航不能按照它的方式工作。我尝试了ul和li标签的不同变体，并且移动了它们，但仍然无法正常工作。

<div class="nav"> 
<ul id="menu" class="menu"> 
    <li><a href="#">One</a> 
     <ul> 

    <li class="submenu"> 
     <a href="#">One</a> 
    <ul> 
     <li><a href="#">One</a></li> 
     <li><a href="#">Two</a></li> 
     <li><a href="#">Three</a></li> 
    </ul> 
      </li> 

    <li class="submenu"> 
     <li><a href="#">Two</a></li> 
      <ul> 
       <li><a href="#">One</a></li> 
       <li><a href="#">Two</a></li> 
       <li><a href="#">Three</a></li> 
      </ul> 
     </ul> 
    </li> 

    <li><a href="#">Two</a> 
     <ul> 
    <li class="submenu"><a href="#">One</a></li> 
    <li class="submenu"><li><a href="#">Deny</a></li> 
       <ul> 
        <li class="noborder"><a href="#">One</a></li> 
        <li><a href="#">Two</a></li> 
        <li><a href="#">Three</a></li> 
       </ul> 
     </ul> 
    </li> 

    <li><a href="#">Three</a> 
     <ul> 

    <li class="submenu"> 
     <a href="#">One</a> 
      </li> 
     </ul> 
    </li> 

    <li><a href="#">Four</a> 
     <ul> 

    <li class="submenu"> 
     <a href="#">One</a> 
      </li> 
     </ul> 
    </li> 
</ul> 

Answer 1

我不知道是这是您的Java脚本代码的问题。但是这些html标签的写法不匹配也可能导致这些问题。请再次检查打开和关闭标签，并确保它们处于正确的位置。当我通过你的html代码时，我发现标签中有一些不匹配。一个是 - 您的第一个菜单项两个写在两个li/li标签之间。但您的第一个一个菜单项是不是在这些李/ li标签之间。

Answer 2

闭上你的父母div标签，看看有没有什么帮助

也是这个...

<li class="submenu"> 
     <li><a href="#">Two</a></li> 
      <ul> 
       <li><a href="#">One</a></li> 
       <li><a href="#">Two</a></li> 
       <li><a href="#">Three</a></li> 
      </ul> 
     </ul> 
    </li> 

...可能需要重新工作，因为你正在创建一个孩子UL筑巢之前在LI标签标签。你只需要学习如何正确嵌套ul和li标签。这是一个discussion我在stackoverflow上找到了一个类似的问题。

一旦你的HTML正确，javascript过程应该更容易管理。

希望有所帮助。