-1

Metro UI CSS を使い始めたばかりで、そのルック アンド フィールにかなり感銘を受けました。ただし、UI の制御に問題があります。

ページの初期化時にメニューを開こうとしていますが、その方法がわからず、入力の制御に関してドキュメントがかなり制限されています。以下は、ドキュメントから抜粋した標準的な例です。私がやろうとしているのは、起動時に製品メニューを開くことだけです....

以下の私の例は正しくレンダリングされませんが、そのような単純なことには必要ないと思います。

example https://jsfiddle.net/robeastham/p20ykv7q/

どんなアイデアでも大歓迎です

4

1 に答える 1

0

私はあなたのメニューに 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 を確認することを忘れないでください。

それが役立つことを願っています

于 2016-03-15T14:13:14.143 に答える