Wijmo UI for the Web
マークアップとスクリプティング
| Wijmo ユーザーガイド > ウィジェット > Menu > マークアップとスクリプティング |
| マークアップ |
コードのコピー |
|---|---|
<ul id="menu"> <li><a>Menu Item 1</a> <ul> <li><a>Menu Item 1a</a></li> <li><a>Menu Item 2a</a></li> </ul> </li> <li><a>Menu Item 2</a></li> <li><a>Menu Item 3</a></li> </ul> | |
次のjQueryスクリプトでウィジェットを初期化できます。
| スクリプト |
コードのコピー |
|---|---|
<script type="text/javascript"> $(document).ready(function () { $("#menu").wijmenu({ orientation: "vertical", showAnimation: { animated: 'puff', duration: 1000 } }); }); </script> | |
ここで説明しているマークアップとスクリプトの結果は次のようになります。