jquery移動自定義圖標不能正常工作

我正在使用jquery mobile 1.4.5和jquery 1.9.1，並且似乎無法獲得自定義圖標的工作。出現灰色空圈而不是圖標。我發現了幾個SO問題，但他們都沒有解決我的問題。我已經服用權從jQuery網站Here jquery移動自定義圖標不能正常工作

下面的例子是我的jsfiddle：jsfiddle

我也曾嘗試使用的UI圖標類的兩種方法以及數據圖標=「myicon 「屬性。我錯過了什麼？

HTML：

<button class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-myicon">myicon</button> 
<button data-icon="myicon" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left">myicon</button> 

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

CSS

.ui-icon-myicon:after { 
background-image: url("http://png-1.findicons.com/files/icons/2219/dot_pictograms/128/drink_bar_cocktails.png"); 
background-size: 18px 18px; 
d}

來源

2015-08-17 fat fantasma

http://jsfiddle.net/ezanker/at9t5kzc/2/ – ezanker

嗯，你懂了工作，但我不知道爲什麼。代碼是一樣的。我甚至檢查了我如何加載jqm.css，jqm.js和jquery.js的順序。我錯過了什麼？ –

我認爲你的CSS文本中有一些不好的字符。在你的小提琴中，嘗試從背景圖像和背景大小退格到行首（即刪除所有縮進）。 – ezanker

問題是與你的目標類。如果您將課程更改爲.ui-btn-icon-left，那麼它就可以工作。

.ui-btn-icon-left:after { 
    background-image: url("http://png-1.findicons.com/files/icons/2219/dot_pictograms/128/drink_bar_cocktails.png"); 
    background-size: 18px 18px; 
}

來源

2015-08-17 18:15:55 cocoa

這是沒有意義的，根本不是什麼文檔說的。 .ui-btn-icon-left類只是放置在按鈕中。 –

剛剛與提供的小提琴一起工作，這就是我能夠得到它的工作。我相信@ezanker是對的 – cocoa

jquery移動自定義圖標不能正常工作

回答

相關問題