如何在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。

希望帮助