コードがプルする正しいオブジェクトを認識するという問題があります。ただし、ファイルをテストすると、イメージがまったくプルされません。再確認したところ、404 応答が返されましたが、ファイルは正しいディレクトリに存在します。
//JSON OBJECT SAMPLE IS BELOW, A SEPARATE FILE....
var reviews = [{
Id: "ajjhwejkssl",
Title: "The little camera that could!",
Rating: 5,
Body: "TEXT HERE",
CreateDate: new Date(2012, 5, 23, 14, 12, 10, 0),
Owner: {
Id: "kwergiueerwq",
Name: "Bugs Bunny",
Url: "./users.html?id=kwergiueerwq",
AvatarImage: "./avatars/bugsbunny.jpg",
IsFeaturedReviewer: false,
CreateDate: new Date(2012, 2, 12, 9, 44, 0, 0)
}
}
]
//CODE
var data = reviews;
$(document).ready(function () {
//console.log("browser: " + browser);
for (var i = 0; i < data.length; i++) {
try {
//CREATE NEW REVIEW DIV
var reviewPost = "<div class='review'><div class='clear'></div><div class='content'><div class='datePosted'>" + data[i].CreateDate + "</div><div class='avatar'><div class='header'><div class='rating'><img src='images/star-sprite.png'/><img src='images/star-sprite.png'/><img src='images/star-sprite.png'/><img src='images/star-sprite.png'/><img src='images/star-sprite.png'/></div></div><div class='clear'></div><div class='title'>" + data[i].Title + "</div><div class='memberImg'><img id='thumb' src=" + data[i].Owner.AvatarImage + "/></div><div id='member'><div class='reviewedBy'>Reviewed by <a href='' class='member'>" + data[i].Owner.Name + "</a></div><div class='membership'>Member Since " + data[i].Owner.CreateDate + "</div></div></div></div><div class='clear'></div><div class='message'>" + data[i].Body + "</div></div><div class='clear'></div>";
if (data[i].Rating != null) {
console.log("Rating: " + data[i].Rating);
}
//adds reviewPost inside of reviews
review.append(reviewPost);
//document.write(reviewPost);
} catch (e) {
console.log("error: " + e);
};
}
});
どんなアイデアや提案も素晴らしいでしょう。