如何在加载文档后加载facebook按钮

how can I load facebook button after document loaded?

本文关键字：加载 facebook 按钮 文档      更新时间：2023-09-26

Facebook按钮将在加载文档开始时加载。但我想在鼠标悬停在div上时加载fb按钮，而不是在文档开头。我该怎么做？

我不想使用facebookiframe版本，因为它不允许我在点击类似按钮后订阅"edge.create"事件。

<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/zh_CN/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<div class="box"></div>
<div class="box">
    <!-- 
        when hover box, facebook like button add to this box
        <fb:like href="https://developers.facebook.com/docs/plugins/" layout="standard" action="like" show_faces="true" share="true"></fb:like>
    -->
</div>
<script type="text/javascript">
    $('.box').mouseover(function (){
        // add facebook like button to .box
    });

试试这样的东西：

$('.box').mouseover(function (){
    $(this).append('<fb:like href="https://developers.facebook.com/docs/plugins/" layout="standard" action="like" show_faces="true" share="true"></fb:like>');
    FB.XFBML.parse(this);
});

您可能需要在解析方法之后重新订阅edge.create。

相关文章：