jquery モバイル リストビューのアイコンに問題があります。下の図でわかるように、最新バージョンの jquery mobile に更新した後、クエスチョン マークが表示されています。
アイコンが正しく機能しない 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また、画像マップを最新バージョンに更新しました。
更新: 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 ビルド 1.1.1 に更新した後、これらの疑問符は消え、すべてが以前と同じように機能します。