javascript - Jquery 移动 ListView 图标未正确显示

Question

我对 jquery 移动 ListView 中的图标有疑问。正如您在下图中看到的，在我更新到最新版本的 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 build 1.1.1 后，那些问号消失了，一切都像以前一样。

Answer 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 和图像)中包含它们。