如何在電話列表中顯示帶有標題的圖像？

Question

我的任務就是在PhoneGap的應用程序，以顯示與標題圖像

上午成功顯示標題的列表是好的代碼

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

上面的代碼只顯示標題，但我有一個數組conatins圖像列表我需要標題

我想這代碼它不工作

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

h顯示圖像流可以設置這個標題爲中間不喜歡該職位的圖片？！[在這裏輸入的形象描述] [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; }