對jquery mobile來說，使用data-icon屬性配置，可以設置元素的圖標。圖標沒有變成右箭頭，而是如下圖所示：

//已經設置了圖標 ，data-icon="home" data-iconpos="top"
<div class="ui-block-a"><a href="#" data-icon="home" data-iconpos="top" data-theme="a" data-role="button">首頁</a></div>

而且是無論我怎么添加data-icon到任何元素上面，都是沒有圖標顯示，最后發現，由于jquery mobile是使用CSS 3來渲染UI的，需要有一個圖片集，

解決步驟：

1、下載。從下載的官方jquery mobile包里面，找到圖片如下：

2、拷貝images文件夾到項目文件夾下。

目錄結構如下：

icon圖片需要與jquery mobile 的css文件在同一目錄底下的images文件夾中，原因從jquery.mobile-1.3.1.min.css中可以看出：

在我的工程中，目錄添加如下：

這樣，jquery mobile就會自行去找到data-icon定義的圖標，成功看到了圖標：

?

原文：jquery mobile中圖標不顯示問題 - yangjun19890825的專欄 - 博客頻道 - CSDN.NET http://blog.csdn.net/wlsyn/article/details/9969487

?

轉載于:https://www.cnblogs.com/wuyinghong/p/3436403.html

總結

以上是生活随笔為你收集整理的jQuery Mobile 图标无法显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。