在指定的地方與時間插入 Facebook Plugins

如果在播放動畫時剛好 Facebook plugins 在初始化會影響動畫的順暢度。

這時候如果可以控制 plugins 在動畫播放完畢後或是在其他較適當的時間出現時,我們可以將 fb plugins 的程式碼在適當的時間再加入。前面需要先 FB.init() 以及載入 SDK 才可以使用 FB 呼叫函式。

var likeBoxPlugin = '<div class="fb-like" data-href="https://www.facebook.com/PartnersStudio/" data-width="50" data-layout="button" data-action="like" data-size="small" data-show-faces="false" data-share="false"></div>';

function insertFbPlugins(container, plugins){
    $(container).append(plugins);
    FB.XFBML.parse($(container)[0]);
}

insertFbPlugins('.fb-like-container', likeBoxPlugin);