jQuery Mobile 圖標

我們可以使用圖標類在 jQuery Mobile 中 <a> 和 <button> 元素上添加圖標，並對圖標進行定位，如下所示：

<a href="#anylink" class="ui-btn ui-icon-refresh ui-btn-icon-left">刷新頁面</a>嘗試一下

<button class="ui-btn ui-icon-refresh ui-btn-icon-left">刷新頁面</button>嘗試一下

在 <input> 按鈕中添加圖標，可以使用 data-icon 屬性:

<a href="#anylink" data-icon="refresh">刷新頁面</a>嘗試一下

我們可以使用 data-icon 屬性在導航按鈕上添加圖標:

<a href="#anylink" data-icon="refresh">刷新頁面</a>嘗試一下

如果要在列表按鈕中添加圖標，可以在 <li> 中使用 data-icon 屬性：

<li data-icon="refresh"><a href="#">點我</a></li>嘗試一下

下面我們列出了 jQuery Mobile 提供的所有可用圖標：

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！