Как открыть меню в JavaScript
Я только начал использовать Metro UI CSS, и меня впечатлил его внешний вид. У меня, однако, есть некоторые проблемы с управлением моим пользовательским интерфейсом.
Я пытаюсь открыть меню при инициализации страницы, но не могу понять, как это сделать, и документация довольно ограничена с точки зрения управления вводом. Ниже приведен стандартный пример, взятый из документации. Все, что я пытаюсь сделать, это открыть меню продуктов при запуске....
Мой пример ниже не отображает правильно, но я не думаю, что это необходимо для такой простой вещи.
example
https://jsfiddle.net/robeastham/p20ykv7q/
Благодарим за любую идею
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.
надеюсь, это поможет