私は何日も頭を悩ませてきましたが、私の人生では、これを達成する方法がわかりません. 次の XML を使用します。
<Root>
<container>
<widget type="nav">
<links>
<tab type="label" header="Top Level Tab1"/>
<tab type="page" header="submenu of tab1"/>
<tab type="page" header="submenu of tab1"/>
<tab type="page" header="submenu of tab1"/>
<tab type="label" header="Top Level Tab2"/>
<tab type="page" header="submenu of tab2"/>
<tab type="page" header="submenu of tab2"/>
<tab type="page" header="submenu of tab2"/>
<tab type="page" header="submenu of tab2"/>
<tab type="page" header="submenu of tab2"/>
<tab type="label" header="Top Level Tab3"/>
<tab type="page" header="submenu of tab3"/>
<tab type="page" header="submenu of tab3"/>
<tab type="page" header="submenu of tab3"/>
<tab type="page" header="submenu of tab3"/>
<tab type="page" header="submenu of tab3"/>
</links>
</widget>
</container>
</root>
私がする必要があるのは、これを「ラベル」のタイプで各タブで区切られ、その下に次の兄弟を配置するナビゲーション領域に変換することです。例えば
<ul>
<li>
<a href="link for label">Top Level Header1</a>
<div class="submenu">
<ul>
<li>Submenu Link 1</li>
<li>Submenu Link 1</li>
<li>Submenu Link 1</li>
</ul>
</div>
</li>
<li>
<a href="link for label">Top Level Header2</a>
<div class="submenu">
<ul>
<li>Submenu Link 2</li>
<li>Submenu Link 2</li>
<li>Submenu Link 2</li>
</ul>
</div>
</li>
<li>
<a href="link for label">Top Level Header3</a>
<div class="submenu">
<ul>
<li>Submenu Link 3</li>
<li>Submenu Link 3</li>
<li>Submenu Link 3</li>
</ul>
</div>
</li>
</ul>
任意のガイダンスは確かに高く評価されます