尝试为创建的元素提供src属性。 src应该是从giphy api中检索到的url。我可以console.log响应数据,一切都很好,但我似乎无法获得jQuery来创建一个元素来容纳gif正确。
$('.spawn-button').on("click", function(event) {
event.preventDefault();
$.ajax({
url: query + $(this).html() + APIKey + limit,
method: 'GET'
}).done(function(response) {
for(var i = 0; i < response.data.length; i++){
// console.log(response.data[i]);
// console.log(response.data[i].images.original);
$('.gif-container').append("<img src=" + response.data[i].images.fixed_height + ">");
}
});
});
答案 0 :(得分:1)
您可以尝试使用以下代码吗?根据{{3}}处的文档,fixed_height对象具有GIF图像的url
属性
$('.spawn-button').on("click", function(event) {
event.preventDefault();
$.ajax({
url: query + $(this).html() + APIKey + limit,
method: 'GET',
success: function(response) {
for(var i = 0; i < response.data.length; i++){
// console.log(response.data[i]);
// console.log(response.data[i].images.original);
$('.gif-container').append("<img src=" + response.data[i].images.fixed_height.url + ">");
}
});
});