Question

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

我不想使用facebook iframe版本，因为它不能让我在点击按钮后订阅'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
    });

Answer 1

尝试这样的事情：

$('.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。

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

1 个答案: