jquery - 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>