Question

我正试图展示我网站URL的面对面资料,以向用户展示我网页上像的面对面用户。

(一) :

进口面纱

<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/“rel=“nofollow”http://jsfiddle.net/7cPDK/6/。

如何做到这一点的想法?

PD:愿意这样做(按需求载荷:不装上载页,按需求显示)

Answer 1

我认为,你只是想把文字带上点击手:

1) The script from the html:

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

b) 将其带入点处理器,并用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());
});

另见example。

友情链接