負荷FacebookのURLの供給流は</p> <p>私は何がある、私は私のページから好きなものをFacebookのユーザーのユーザーを表示するために私のウェブサイトのURLのFacebookのフィードを表示しようとしています

Question

動作しません。

輸入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このようにそれをしたい（オンデマンドでロード：pageloadでそれをロードし、オンデマンドで表示されません）

Answer 1

私はあなただけのクリックハンドラにスクリプトを移動したいと思う：

）

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

2.をクリックハンドラにそれを貼り付け、存在する場合、最初のID facebook-jssdkを持つ要素を削除する追加します：

1）HTMLからスクリプトをカット

$('#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も参照してください。