Jquery mobile listview图标未正确显示答案

【问题标题】：Jquery mobile listview icons not showing correctlyJquery mobile listview图标未正确显示
【发布时间】：2012-07-27 14:06:26
【问题描述】：

jquery 移动列表视图中的图标有问题。正如您在下图中看到的，在我更新到最新版本的 jquery mobile 后，会显示一个问号。

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 项目中，但没有奏效。我还将图像映射更新为最新版本。

更新： 我从 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 后，这些问号消失了，一切正常。

【问题讨论】：

只是一个建议：您可以发布答案并将其标记为正确答案，而不是附加“已解决：”部分。

标签： javascript jquery jquery-mobile icons

【解决方案1】：

现在有点老了，但这可能会对某人有所帮助，因为我最近遇到了同样的问题。看起来您缺少 www/css 中的图像目录应该有一个 www/css/images 文件夹，里面有这 5 张图片：

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

jquery 完整包 zip（JavaScript、CSS 和图像）包含在其中。

【讨论】：

感谢您的意见！我希望这可以帮助像我一样困惑的人找到他们的解决方案。

【解决方案2】：

您应该根据the documentation将data-icon="arrow-r"添加到<a>项目。

【讨论】：

感谢您的回复！ s += '<li><a href="#contentPage" data-icon="arrow-r" class="contentLink" data-entryid="'+i+'">' + v.title + '</a></li>'; 是这样编辑的，但还是显示问号。

【解决方案3】：

似乎这是一个错误。更新到最新的 JQM 版本 1.1.1 后，这些问号消失了，一切正常。

【讨论】：