關於mouseenter的Facebook LikeBox

Question

我的likebox臉書以正常方式正常工作。我想這樣做的表現：

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')); 

---

一旦用戶懸停在與該地區插件，你應該簡單地隱藏並顯示它（以保留功能）。現在您的代碼會在每次鼠標進入該區域時添加它。沒有必要多加載一次。