javascript - 如何在javascript中打开菜单

Question

我刚刚开始使用 Metro UI CSS，它的外观和感觉给我留下了深刻的印象。但是，我在控制我的 UI 时遇到了一些问题。

我试图在页面初始化时打开一个菜单，但我不知道该怎么做，而且文档在控制输入方面非常有限。以下是取自文档的标准示例。我要做的就是在启动时打开产品菜单....

我下面的示例没有正确渲染，但我认为对于这么简单的事情不需要这样做。

example https://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>

不要忘记，在 codePen 中查看外部源 CSS 和 JS。

希望有帮助