jQuery Mobile (1.3.1) を使用して写真を 2 列のグリッドに表示しようとしています。API から写真を取得するために Ajax を使用しています。レンダリング時にグリッド内の div が正しいクラスを持っていることを確認するにはどうすればよいですか? 以下では、クラスを ui-block-a と ui-block-b にローテーションする必要があります。前もって感謝します!
$.ajax({
url: server_url + "get-photos",
type: "post",
data: 'album_id=' + album_id,
dataType: 'json',
crossDomain: true,
error: function() {
$('#album_message').removeClass("message").html('<p align="center">Server communication error while trying to retrieve album photos.</p>').addClass("errorm");
},
success: function(data) {
if (data.response === "true") {
$("#album_photos").append('<div class="ui-grid-a">');
$.each(data, function(i, item) {
$("#album_photos").append('<div class="ui-block-a"><img src="' + data.photo_url + album_user + '/thumbnail/' + data.album_photo + '" width="75px" /></div>');
});
$("#album_photos").append('</div>');
} else {
$('#album_message').removeClass("message").html('<p align="center">Error retrieving photos.</p>').addClass("errorm");
}
}
});