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

//已經(jīng)設(shè)置了圖標(biāo) ，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到任何元素上面，都是沒有圖標(biāo)顯示，最后發(fā)現(xiàn)，由于jquery mobile是使用CSS 3來渲染UI的，需要有一個圖片集，

解決步驟：

1、下載。從下載的官方j(luò)query mobile包里面，找到圖片如下：

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

目錄結(jié)構(gòu)如下：

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

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

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

?

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

?

轉(zhuǎn)載于:https://www.cnblogs.com/wuyinghong/p/3436403.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。