jquery mobile实现可折叠的导航按钮

2020-05-22 15:27:17易采站长站整理

<li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >移动开发</a></li>
</ul>
</div>
</div>
<div data-role="footer" data-position="fixed">
<h1>请单击“+”按钮进行展开</h1>
</div>
</div>
</body>
</html>
 

代码分析:

        通过data-role=” collapsible “创建可折叠的div,再在其中通过 data-role=” listview “创建列表框
        data-theme : 指定预定义样式  (也可以使用样式构建器创建自定义样式)
        data-collapsed=”false” : 表示默认不折叠

效果图: