jquery mobile是一款非常強(qiáng)大的移動(dòng)端開發(fā)框架，在實(shí)現(xiàn)樹形菜單時(shí)也提供了很好的支持。其中樹形菜單的實(shí)現(xiàn)可以借助jquery mobile提供的collapsible插件來完成。 首先，在頁面中引入jquery mobile以及相關(guān)依賴的css和js文件。

接下來，我們可以創(chuàng)建一個(gè)ul元素，使用data-role="listview"來將其轉(zhuǎn)換為jquery mobile的列表，并在其中添加相應(yīng)的li元素。

菜單1
子菜單1
子菜單2
子菜單3
菜單2
子菜單1
子菜單2
子菜單3

在上面的代碼中，我們使用了data-role="collapsible"來將li元素轉(zhuǎn)換為可折疊的元素，并在其中添加了子菜單。 最后，我們需要在頁面加載完成后調(diào)用jquery mobile提供的方法，來初始化我們的樹形菜單。

通過上面的代碼，我們可以在頁面中很方便地實(shí)現(xiàn)樹形菜單，并且在移動(dòng)端上的交互效果也非常好。