Как открыть меню в 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.

надежда, что помогает