如何使用 jQuery Mobile 制作图标按钮？

介绍

jQuery Mobile 是一个用于创建手机应用程序的框架，它允许开发者轻松创建专业的应用程序。

制作图标按钮

制作图标按钮需要使用 <a> 标签和 data-role="button" 属性，同时添加 data-icon 和 data-iconpos 属性来指定按钮使用的图标和图标位置。

代码示例

<a href="#" data-role="button" data-icon="check" data-iconpos="left">保存</a>
<a href="#" data-role="button" data-icon="delete" data-iconpos="left">删除</a>
<a href="#" data-role="button" data-icon="gear" data-iconpos="right">设置</a>

说明

• href="#"：指示按钮的目标为当前页面。
• data-role="button"：使 <a> 标签被识别为 jQuery Mobile 的按钮。
• data-icon：指定按钮使用的图标，可选值包括 plus、minus、delete、check 等。
• data-iconpos：指定图标的位置，可选值包括 left、right、top、bottom 等。
• 其他属性和样式可以根据需要自行添加。