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過程應該更容易管理。

希望有所幫助。