html - 如何在 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; }