原文在此,猛戳http://blog.csdn.net/java_mars/article/details/22534705

環(huán)境

jquery1.9.1.js

jquery mobile 1.4.2版

圖標(biāo)制作

18x18px 底透明的png圖標(biāo)

使用圖標(biāo)，這個(gè)過(guò)程開(kāi)始怎么弄都不行，只有個(gè)灰色的圓出現(xiàn)，不見(jiàn)圖標(biāo)；或者出現(xiàn)圖標(biāo)，但位置不對(duì)，經(jīng)過(guò)看jquery demo，終于知道了如何使用

步驟如下

1 .當(dāng)然是定義你的css圖標(biāo)類(lèi)了

如下

[css]?view plaincopy

.ui-icon-myicon:after?{??

???????????background-image:?url("img/title.png");??/**你的圖片，路徑是相對(duì)于當(dāng)前使用文件可以訪問(wèn)到的*/??

????????

???????????background-size:?18px?18px;??

???????????border-radius:?0;?/*圖標(biāo)形態(tài)，0=方形，不設(shè)置就是默認(rèn)的圓形*/??

}??

關(guān)鍵的地方是?after?，之前不成功就是少了這個(gè)

2. 使用這個(gè)圖標(biāo)類(lèi)

?

[html]?view plaincopy

<a?href="#"??class="ui-btn?ui-shadow??ui-btn-icon-top?ui-icon-myicon"??data-transition="slide">標(biāo)題</a>??

轉(zhuǎn)載于:https://my.oschina.net/liangzhenghui/blog/290727

總結(jié)

以上是生活随笔為你收集整理的jquery mobile自定义图标实现方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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