基金會頂部欄下拉不起作用

Question

我一直在嘗試讓菜單有一個下拉菜單，但我得到的是（歷史鏈接應該是關於選項卡下的下拉菜單）：

我已經包含在所有的JavaScript文件中，並初始化它們，我真的不明白髮生了什麼。有任何想法嗎？網站鏈接：http://mvcsf.com/new/

代碼：

<nav class="top-bar"> 
       <ul class="title-area"> 
        <img src="img/logo.png"> 
       </ul> 
       <ul class="right"> 
        <li><a href="">home</a></li> 
        <li class="has-dropdown"><a href="">about</a> 
         <ul class="dropdown"> 
          <li>history</li> 
         </ul> 
        </li>       
       </ul> 
      </nav> 

太謝謝你了！

Answer 1

看起來你在你的「正確的」ul之前缺少你的部分標籤。

<nav class="top-bar"> 
    <ul class="title-area"> 
     <img src="img/logo.png"> 
    </ul> 
    <section class="top-bar-section"> 
     <ul class="right"> 
      <li><a href="">home</a></li> 
      <li class="has-dropdown"><a href="">about</a> 
       <ul class="dropdown"> 
        <li>history</li> 
       </ul> 
      </li>       
     </ul> 
    </section> 
</nav>