jQuery Mobile：如何在点击图标时创建下拉菜单？

Question

我在标题中有一个图标。点击图标时，我想显示一个下拉菜单。当单击下拉菜单中的某个元素时，会触发该操作，但该图标不应被所选元素替换。换句话说，不管从列表中选择什么，总是显示图标。在jQuery Mobile中是否有内置的功能或者其他方式来实现？

Answer 1

有按钮的HREF指弹出div的ID：

<a href="#menu" data-role="button" data-rel="popup">Menu</a> 

然后创建一个包含清单的弹出DIV：

<div id="menu" data-role="popup"> 
    <ul data-role="listview" data-inset="true"> 
     <li><a href="whatever">selection 1</a></li> 
     <li><a href="whatever">selection 2</a></li> 
    </ul> 
</div>