jQuery手机:如何在单击图标时创建下拉菜单？

Question

我在标题中有一个图标。当图标被点击时，我想显示一个下拉菜单。当下拉菜单中的元素被单击时，它将触发操作，但图标不应被所选元素替换。换句话说，无论从列表中选择了什么，该图标都将始终显示。在jQuery移动版中有没有内置的功能或者其他方式来实现这一点？

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>