Html 如何在phonegap列表中显示带有标题的图像？

我的任务是在phonegap应用程序中显示带有标题的图像

am成功显示标题列表正常代码如下

    $('#listview').append('<li id='+ids[i]+'><a    onclick="myFunction1('+i+')">'+titles[i]+'</a></li>');

$（'#listview'）。追加（'
'+titles[i]+'
'）；

上面的代码只显示标题，但我有一个数组，它包含我需要显示带有标题的图像的列表

我试过这个密码它不起作用

  $('#listview').append('<li id='+ids[i]+'><a    onclick="myFunction1('+i+')">'+images[i]+''+titles[i]+'</a></li>');

$（'#listview'）。追加（'
'+images[i]+'+'+titles[i]+'
'）；

---

怎么能把这个标题设置为中间而不是像帖子里的图片？！[在此输入图像描述][1]

根据对您的问题的评论，您需要这样的内容

var images = ["4cing.com/mobile_app/uploads/pageicon/friendship.png"];
var titles = ["test"];

var imagesLength = images.length;  //cache the length property for performance
for (var i = 0; i < imagesLength ; i++) {
    $('#listview')
        .append('<li><a><img src="http://' + images[i] + '">' + titles[i] + '</a></li>');
}

---

根据对你问题的评论，你需要这样的东西

var images = ["4cing.com/mobile_app/uploads/pageicon/friendship.png"];
var titles = ["test"];

var imagesLength = images.length;  //cache the length property for performance
for (var i = 0; i < imagesLength ; i++) {
    $('#listview')
        .append('<li><a><img src="http://' + images[i] + '">' + titles[i] + '</a></li>');
}

---

图像数组的内容是什么？图像[0]数组包含4cing.com/mobile_app/uploads/pageicon/friends。png@DZL请帮我解决这个问题，我需要将url图像显示到图像中？图像数组的内容是什么？图像[0]数组包含4cing.com/mobile_app/uploads/pageicon/friendy。png@DZL请帮我解决这个问题，我需要将url图像显示到图像中？$（“#列表视图”）.append（“

”+titles[i]+”

）；是否按照您的理念工作？我对答案进行了更改以满足您的需求。您没有正确使用img标记。应该是。再次尝试此编辑的答案。完美的答案，但输出与发布的图像类似？我不明白问题是什么？在显示图像看到标题对齐后，k实际上图像显示得非常完美？$（“#列表视图”）。追加（“

“+Titles[I]+”

”）；是否按照您的理念工作？我对答案进行了更改以满足您的需求。您没有正确使用img标记。应该是。请再次尝试此编辑的答案。完美答案，但输出结果与发布的图像类似？我不明白问题是什么？在显示图像看到标题对齐后，k实际上图像显示得非常完美？