1

我对 jquery mobile listview 中的图标有疑问。正如您在下图中看到的,在我更新到最新版本的 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 后,这些问号消失了,一切都像以前一样工作。

4

3 回答 3

2

现在有点老了,但这可能会对某人有所帮助,因为我最近遇到了同样的问题。看起来您缺少 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 和图像)包含它们。

于 2013-11-27T06:34:40.400 回答
1

您应该根据文档data-icon="arrow-r"添加到项目中。<a>

于 2012-07-27T14:56:51.903 回答
1

似乎这是一个错误。更新到最新的 JQM 版本 1.1.1 后,这些问号消失了,一切都像以前一样工作。

于 2012-09-28T14:18:39.797 回答