ruby-on-rails - Facebook 评论 w/Rails 4 和 Turbolinks

Question

我在将 Facebook 社交插件(特别是评论)添加到启用了 Turbolinks 的 Rails 4 应用程序时遇到了问题。我按照 turbolinks issue #62 上的示例进行操作, 但无法让它工作。

我也试过 turbolink 的解决方案 here , 但无法让它工作。

根据 this answer 修复 turbolinks 页面上的明显拼写错误也没有用。

SDK 未加载且控制台中没有错误。

代码:

### view:
<div id="fb-root"></div>
<div class="fb-comments" data-href="<%= request.original_url %>"></div>

### coffeescript:
fb_root = null
fb_events_bound = false

$ ->
  loadFacebookSDK()
  bindFacebookEvents() unless fb_events_bound

bindFacebookEvents = ->
  $(document)
    .on('page:fetch', saveFacebookRoot)
    .on('page:change', restoreFacebookRoot)
    .on('page:load', ->
      FB.XFBML.parse()
    )
  fb_events_bound = true

saveFacebookRoot = ->
  fb_root = $('#fb-root').detach()

restoreFacebookRoot = ->
  if $('#fb-root').length > 0
    $('#fb-root').replaceWith fb_root
  else
    $('body').append fb_root

loadFacebookSDK = ->
  window.fbAsyncInit = initializeFacebookSDK
  $.getScript("//connect.facebook.net/en_US/all.js#xfbml=1")

initializeFacebookSDK = ->
  FB.init
    appId     : 'xxxxxxxxxxxx'
    channelUrl: '//www.mydomain.com/channel.html'
    status    : true
    cookie    : true
    xfbml     : true

### /public/channel.html
<script src="//connect.facebook.net/en_US/all.js"></script>

--

谢谢。非常感谢您的帮助。

Answer 1

试试这个，如果有效请告诉我...

在 assets/javascripts 文件夹中创建一个 social.js.coffee。

在里面写:

$(document).on 'page:change', ->
  FB.init({ status: true, cookie: true, xfbml: true });