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，则可以使用此方法   并希望将其呈现给客户端。

那么你需要做的是，你的mouseenter事件在包含Facebook插件的元素上调用此函数 -

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

一旦用户在插件区域上空盘旋，您应该只是隐藏并显示它（以保留功能）。现在，只要鼠标进入该区域，您的代码就会添加它。无需多次加载它。

关于mouseenter的Facebook LikeBox

1 个答案: