负荷Facebook的网址进料流将无法正常工作
我想表明我的网站的网址Facebook的饲料向用户展示什么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());
});
另请参阅此example。
所以我看到的问题是,你不能加载两次.. – 2012-01-12 09:20:48
请尝试在您的示例中点击两次链接 – 2012-01-12 09:37:15
我已经更新了我的答案。 – scessor 2012-01-12 09:54:50
查看id为'fb-root'的div'的内容(例如,通过添加css,参见[示例](http://jsfiddle.net/7cPDK/7/))。我认为这是来自Facebook的错误消息。 – scessor 2012-01-12 08:59:26
aha ..怪异..有什么建议吗? – 2012-01-12 09:04:06
对不起,我不懂这种语言。 – scessor 2012-01-12 09:07:25