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>