代码 HTML 在 Javascript 中不起作用 [关闭]答案

【问题标题】：Code HTML doesn't work in Javascript [closed]代码 HTML 在 Javascript 中不起作用 [关闭]
【发布时间】：2013-08-01 18:53:29
【问题描述】：

我正在尝试整理通过cordova读取的联系人列表...

我的代码 javascript

for (var i=0; i<contacts.length; i++) {
        for (var j=0; j<contacts[i].phoneNumbers.length; j++){

            $('#listaContactos').append("<li><h3>" + contacts[i].displayName + "</h3><p>" + 
                    contacts[i].phoneNumbers[j].value + "</p></li>");
        }

    }

我的代码 html

<ul data-role="listview" data-filter="true" id="listaContactos">

        </ul>

结果是这样的：

塞利奥·加西亚

          Xénia Dembo

98765433211 朱萨拉莱莫斯 97654332211

098763234622

PS：抱歉，我没有 10 声望上传图片

【问题讨论】：

发布图片的网址，有人可以将其添加到问题中。
追加后是否刷新了 jQM 列表视图？喜欢$('#listaContactos').listview('refresh') 吗？您需要在两个循环都完成后执行此操作，因此在第一个循环之后。
Like this?
问题是什么，它与标题有何关系？

标签： html cordova contacts

【解决方案1】：

我认为您需要在附加数据后增强 jQM 列表视图的样式 -

for (var i=0; i<contacts.length; i++) {
    for (var j=0; j<contacts[i].phoneNumbers.length; j++){
        $('#listaContactos').append("<li><h3>" + contacts[i].displayName + "</h3><p>" + 
                contacts[i].phoneNumbers[j].value + "</p></li>");
    }
}
$('#listaContactos').listview('refresh');

【讨论】：

@Juhana 我写过为什么我没有在这里添加图片网址...