Facebook LikeBox on mouseenter

Question

我的likebox facebook以正常的方式正常工作。我想用这种方式来提高性能：

jQuery(document).ready(function(){
jQuery("#facebook-likebox").mouseenter(function(){
jQuery("#facebook-likebox").append('<div style="background: white;" class="fb-like-box" data-href="https://www.facebook.com/xxx" data-width="292" data-height="410" data-show-faces="true" data-colorscheme="light" data-border-color="#197597" data-stream="false" data-header="false"></div>');

});
});

但它不起作用。页面加载不同步时，如何关闭likebox fb

Answer 1

为此，您必须加载Facebook JavaScript SDK。一旦完成了初始化，就可以调用FB.XFBML.parse()了。

Taken from the documentation -

此函数动态解析和呈现文档中的XFBML标记。如果您通过ajax从服务器发送XFBML并希望将其呈现在客户端，则可以使用此方法。

FB.XFBML.parse(document.getElementById('facebook-likebox'));

一旦用户将鼠标悬停在带有插件的区域上，您只需将其隐藏并显示(以保留功能)。现在，每次鼠标进入该区域时，您的代码都会添加它。不需要多次加载它。