jquery移動列表視圖圖標無法正確顯示

我在jQuery移動列表視圖中的圖標有問題。正如你在下面的圖片中看到的，當我更新到jquery mobile的最新版本後，問號就顯示出來了。jquery移動列表視圖圖標無法正確顯示

Icons not working correctly http://jeflussenburg.nl/img/iconnotshowing.png

我更新前的問號就像箭頭向右>。

我的HTML：

<div data-role="content" data-theme="c"> 
    <div id="status"></div> 
    <ul id="linksList" data-role="listview" data-inset="true" data-theme="d" ></ul> 
</div>

JavaScript函數爲每一行：

function renderEntries(entries) { 
    var s = ''; 
    $.each(entries, function(i, v) { 
     s += '<li><a href="#contentPage" class="contentLink" data-entryid="'+i+'">' +     v.title + '</a></li>'; 
    }); 
    $("#linksList").html(s); 
    $("#linksList").listview("refresh");  
}

我已經嘗試添加data-icon="arrow-r"到<li項目，但沒有奏效。我也更新了圖片地圖到他們的最新版本。

UPDATE： 我從JQM文檔複製此代碼：

<ul data-role="listview" data-inset="true" data-theme="b"> 
    <li data-role="list-divider">Divider</li> 
    <li data-icon="home"><a href="#">data-icon="home"</a></li> 
    <li data-icon="delete"><a href="#">data-icon="delete"</a></li> 
    <li data-icon="plus"><a href="#">data-icon="plus"</a></li> 
    <li data-icon="arrow-u"><a href="#">data-icon="arrow-u"</a></li> 
    <li data-icon="arrow-d"><a href="#">data-icon="arrow-d"</a></li> 
    <li data-icon="check"><a href="#">data-icon="check"</a></li> 
</ul>

測試之後，我看到的圖標真正展示恐怕你打錯顯示了他們一個問號圖標。這個問號圖標從哪裏來？最重要的是，我該如何擺脫它？

任何幫助非常感謝！

解決：

好像它，這是一個錯誤。在更新到最新的JQM build 1.1.1之後，這些問號消失了，一切都像以前一樣工作。

來源

2012-07-27 Jef

只是一個建議：您可以發佈答案並將其標記爲正確答案，而不是追加「已解決：」部分。 – Calavoow 2012-09-28 14:11:00

現在有點老了，但這可能有助於某人，因爲我最近有同樣的問題。看起來你失蹤從內部WWW images目錄/ CSS 應該有它已經與這5個圖像的文件夾WWW/CSS /圖片：

ajax-loader.gif  icons-18-white.png icons-36-white.png icons-18-black.png icons-36-black.png

jQuery的全包拉鍊（的JavaScript，CSS和圖像）有他們在裏面。

來源

2013-11-27 06:34:40 sdjuan

感謝您的輸入！我希望這可以幫助一些人，因爲我找到他們的解決方案時感到困惑。 – Jef 2013-11-28 12:26:39

根據the documentation，您應該將data-icon="arrow-r"添加到<a>項目。

來源

2012-07-27 14:56:51 Calavoow

感謝您的回覆！ 's + ='

' + v.title + '

';'像這樣編輯，但它仍然顯示一個問號。 – Jef 2012-07-27 15:14:19

似乎它是一個錯誤。在更新到最新的JQM build 1.1.1之後，這些問號消失了，一切都像以前一樣工作。

來源

2012-09-28 14:18:39 Jef

jquery移動列表視圖圖標無法正確顯示

回答

相關問題