如何在javascript中打開菜單

Question

我剛開始使用Metro UI CSS，並且它的外觀和感覺讓我印象深刻。不過，我有一些問題控制我的用戶界面。

我想在頁面的初始化時打開一個菜單，但我無法弄清楚如何做到這一點，文檔在控制輸入方面相當有限。以下是從文檔中獲取的標準示例。我正在嘗試做的是在啓動時打開產品菜單....

我的下面的示例沒有正確呈現，但我不認爲它需要這麼簡單的事情。

examplehttps://jsfiddle.net/robeastham/p20ykv7q/

任何想法，將不勝感激

Answer 1

我做了codePen爲你的菜單。

你可以看看這裏http://codepen.io/anon/pen/zqopzv

<div class="app-bar"> 
     <a class="app-bar-element" href="...">Home</a> 
     <span class="app-bar-divider"></span> 
     <ul class="app-bar-menu"> 
      <li><a href="">Home</a></li> 
      <li> 
       <a href="" class="dropdown-toggle">Products</a> 
       <ul class="d-menu" data-role="dropdown"> 
        <li><a href="">Windows 10</a></li> 
        <li><a href="">Spartan</a></li> 
        <li><a href="">Outlook</a></li> 
        <li><a href="">Office 2015</a></li> 
        <li class="divider"></li> 
        <li><a href="" class="dropdown-toggle">Other Products</a> 
         <ul class="d-menu" data-role="dropdown"> 
          <li><a href="">Internet Explorer 10</a></li> 
          <li><a href="">Skype</a></li> 
          <li><a href="">Surface</a></li> 
         </ul> 
        </li> 
       </ul> 
      </li> 
      <li><a href="">Support</a></li> 
      <li><a href="">Help</a></li> 
     </ul> 
    </div> 

不要忘了，看外部源的CSS和JS在codePen。

希望幫助