Question

$(document).ready(function(){
    var klient = 'accesstokencode';
    var firstlink = 'https://graph.facebook.com/v2.8/me?fields=id,name,posts&access_token='+klient;
    $.getJSON(firstlink, function(dayta){

        var haitchteaemel = "";
        var el = $('#facebookapi'); 
            $.each(dayta.posts.data, function(key, val){

                function runner(){
                    if (val.message){
                        return val.message;
                    }
                    else if (!val.message){
                        return val.story;
                    }
                }

        var secondlink = 'https://graph.facebook.com/v2.8/'+val.id+'?fields=attachments&access_token='+klient;                      
            $.getJSON(secondlink, function(beyta){
                    var target = beyta.attachments.data[0].media.image.src;
                    console.log(target);
                    $('.imageplace').attr("src", target);
            });

                    haitchface += `<div class="col-xs-12 col-sm-4">
                    <p>`+runner()+`</p>
                    <img class="imageplace"/>
                    </div>`;
            });
        el.html(haitchteamel);
    });
});

我正在尝试使用Facebook API获取帖子以及这些帖子可能包含的任何随附图像。但是，这个问题并不是针对Facebook api的，而且更像是一个逻辑问题。

为了给你一些上下文，Facebook Graph API不会在一次通话中显示你图像中的每个帖子。您可以获取您的帖子，但不能获得附带的图片。因此，您必须使用帖子ID进行单独的API调用才能获得它。

我的代码中的当前问题是，当我控制台正确记录每个帖子的每张照片时，我的.imageplace div只在我的所有.imageplace div中显示一张图片。

如何使用适当的for循环修改我的代码，以使用适当的帖子图像显示每个imageplace类？

每个图像的Jquery

0 个答案: