以下适用于FF,Chrome和Safari,但IE拒绝它。
$(function() {
var access_token = location.hash.split('=')[1];
$.ajax({
type: "GET",
dataType: "jsonp",
cache: false,
url: "https://api.instagram.com/v1/users/1055710/media/recent
/?access_token=1055710.c0af960.953163eb1bf44607a94ad482e33b5b68",
success: function(data) {
for (var i = 0; i < 6; i++) {
$(".instagram").append($("<div class='instagram-placeholder'>")
.append($("<a target='_blank'>")
.attr("href", data.data[i].link)
.append($("<img class='instagram-image'>")
.attr("src", data.data[i].images.thumbnail.url))))
}
}
});
});
如何让它在IE中运行?
答案 0 :(得分:1)
$(".instagram").append("<div class='instagram-placeholder'><a target='_blank' href='" + data.data[i].link +"'><img class='instagram-image' src='" + data.data[i].images.thumbnail.url +"' /></a></div>");
在你的for循环中使用它,你也可以在IE中显示元素列表。 看起来IE不喜欢长链或者在chaning时不适当地添加元素。