1

私の仕事はphonegapアプリケーションでタイトル付きの画像を表示することです

タイトルのリストを正常に表示しています。

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

上記のコードはタイトルのみを表示しますが、タイトル付きの画像を表示するために必要な画像のリストを含む配列が1つあります

私はそれが機能していないこのコードを試しました

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

投稿画像とは異なり、このタイトルを中央に設定するにはどうすればよいですか?![ここに画像の説明を入力してください] [1]

4

1 に答える 1

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; }
于 2013-03-26T12:33:14.940 に答える