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

Question

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

我成功显示标题列表是好的代码为

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

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

我试过这段代码不能正常工作

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

如何将此标题设置为中间而不是后期图像？！[在此处输入图像说明] [1]

Answer 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>');
}

CSS垂直对齐文本将是

#listview a { display: block; }
#listview a img { vertical-align: middle; }