如何仅在调用或选择facebook时在网站中加载facebook活动提要

我已经成功地在我的站点中添加了facebook活动提要。但是现在我有了一个下拉列表，其中包含facebook、twitter、rss提要等功能。因此，只有当我从下拉列表中单击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/en_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_GB/all.js#xfbml=1”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

我试图附加如下内容

parents.append('<div class="fb-activity fb_iframe_widget" data-header="true" data-height="300" data-width="300" data-action="like,comment,recommend,share,suggest" data-site="http://www.icimod.org/" data-app-id="118280394918580" fb-xfbml-state="rendered">');

parents.append（“”）；

但它只显示上面的div，没有提要

欢迎任何建议/建议。提前感谢。

用户$.getScript（）在加载facebook选项后动态加载脚本

$.getScript(url)
            .done(function(){
               parents.find('div.item').append('<div class="description disp hover"><div class="fb-activity fb_iframe_widget" data-header="true" data-height="300" data-width="300" data-action="like,comment,recommend,share,suggest" data-site="http://www.icimod.org/" data-app-id="118280394918580"></div></div>'); 
            });

$.getScript（url）
.done（函数（）{
parents.find（'div.item'）.append（''）；
});

了解$.getScript（）。

的可能重复项