加载facebook's的URL点播流赢得'不起作用

load facebook's URL feed stream on demand won't work

本文关键字：不起作用 facebook 加载 URL      更新时间：2023-09-26

我正在尝试显示我网站URL的facebook提要，以向用户显示facebook用户喜欢我的页面中的内容

我做的是：

导入facebook的脚本

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=82743675977";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

拨打电话：

function showFeed(){
        return '<div class="box"><h2><img src="http://www.google.com/s2/favicons?domain=keepourlinks.com"/> keepyourlinks </h2><div class="fb-activity" data-site="keepyourlinks.com" data-width="300" data-height="500" data-header="false" data-border-color="white" data-recommendations="false"></div></div>';
    }
    $(document).ready(function(){
        $('#show').click(function(){
            $('#feed').html(showFeed());
        });
    });

可以在此处进行测试：http://jsfiddle.net/7cPDK/6/

知道如何实现吗？

PD:id喜欢这样做（按需加载：不按页面加载并按需显示）

我认为您只想将脚本移动到点击处理程序：

1.）从html:中剪切脚本

<div id="fb-root"></div>
<a id="show" href="#">Show What facebook users share
<div id="feed"></div>

2.）将其粘贴到点击处理程序中，并添加删除id为facebook-jssdk的元素（如果存在）：

$('#show').click(function(){
    $('#facebook-jssdk').remove();
    (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=82743675977";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
    $('#feed').html(showFeed());
});

另请参见此示例。

相关文章：