Turbokinksでajaxな画面遷移をした際にいいねボタンが表示されない時の対応メモ
turbolinks対応でボタンのjsを読み込む
<body> <div id="fb-root"></div> <!-- Like button --> <div class="fb-like" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true"></div>
$ -> loadFacebookSDK() bindFacebookEvents() unless window.fbEventsBound bindFacebookEvents = -> $(document) .on('page:fetch', saveFacebookRoot) .on('page:change', restoreFacebookRoot) .on('page:load', -> FB.XFBML.parse() ) @fbEventsBound = true saveFacebookRoot = -> if $('#fb-root').length @fbRoot = $('#fb-root').detach() restoreFacebookRoot = -> if @fbRoot? if $('#fb-root').length $('#fb-root').replaceWith @fbRoot else $('body').append @fbRoot loadFacebookSDK = -> window.fbAsyncInit = initializeFacebookSDK $.getScript("//connect.facebook.net/en_US/sdk.js") initializeFacebookSDK = -> FB.init appId : 'YOUR_APP_ID' xfbml : true version : 'v2.6'