Question

所以我有一个表格，您可以在其中选择不同的帖子（buttons），这些帖子将在侧面板中打开一个iFrame，其中包含所选用户的嵌入式帖子。

对于Twitter，一切都运行正常，但对于Instagram，在第一个嵌入的帖子后没有显示正常的嵌入。用户名，发布日期，关注按钮，赞按钮和评论按钮都缺失。此外，照片将替换为灰色的Instagram徽标。唯一存在的是标题。解决此问题的唯一方法是刷新页面，然后我将能够加载任何Instagram帖子，但在初始帖子后行为仍在继续。

以下是正在进行的调用的JS代码片段：

if (postObj['instagram']) {
    var iFrameSizeIG = 400; // Must be AT LEAST 320
    $.ajax({
        type: "GET",
        url: "http://api.instagram.com/oembed?url=" + postObj.url + "&maxwidth=" + iFrameSizeIG,
        crossDomain: true,
        headers: { 'Access-Control-Allow-Methods': 'GET, POST, PUT' },
        async: true,
        dataType: "jsonp",
        success: function (data) {
            console.log("Loading Instagram post in iframe: " + postObj.url);
            $("#post-body").append($('<div>').addClass("post-view").append(
                $('<div>', { "style": "padding-top: 10px;"})
                    .append($('<span>').addClass('bold').text("User Post: "))
                    .append(data.html)))
        },
        error: function () {
            alert("Error Occured");
        }
    });
}

if (postObj['twitter']) {
    $.ajax({
        type: "GET",
        url: "https://api.twitter.com/1/statuses/oembed.json?url=" + postObj.url,
        crossDomain: true,
        headers: { 'Access-Control-Allow-Methods': 'GET, POST, PUT' },
        async: true,
        dataType: "jsonp",
        success: function (data) {
            console.log("Loading Twitter post in iframe: " + postObj.url);
            $("#post-body").append($('<div>').addClass("post-view").append(
                $('<div>', { "style": "padding-top: 10px;"})
                    .append($('<span>').addClass('bold').text("User Tweet: "))
                    .append(data.html)))
        },
        error: function () {
            alert("Error Occured");
        }
    });
}

我不确定这是一个已知问题还是如何修复。我已经在Firefox和Chrome中进行了测试，它在两种浏览器中都存在。

初次通话后Instagram嵌入不起作用

0 个答案: