Question

我使用twitter和facebook的社交分享按钮。将这些div转换为按钮的javascript不会被＆＃39;出现，除非它是我加载的第一页，或者除非我刷新页面。换句话说，如果我点击链接，我很确定turbolinks不会触发脚本来显示按钮。

如何修改twitter和facebook提供的javascript以将div或链接转换为共享按钮？

Twitter.js

!function(d,s,id){
  var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
  if(!d.getElementById(id)){
    js=d.createElement(s);js.id=id;
    js.src=p+'://platform.twitter.com/widgets.js';
    fjs.parentNode.insertBefore(js,fjs);
  }
}(document, 'script', 'twitter-wjs');

show.html.slim

= link_to "https://twitter.com/share", class: "twitter-share-button", data: { count: "none", url: hack_url(hack), text: hack.body, via: "GhettoLifeHack_", hashtags: "ghettolifehack" } do

同样的故事，但无论如何，这里都是facebook的详细信息。

facebook.js.coffee

window.fbAsyncInit = ->
  FB.init
    appId: <%= ENV['FACEBOOK_APP_ID'] %>
    xfbml: true
    version: "v2.1"
  return

((d, s, id) ->
  app_id = <%= ENV['FACEBOOK_APP_ID'] %>

  js = undefined
  fjs = d.getElementsByTagName(s)[0]
  return  if d.getElementById(id)
  js = d.createElement(s)
  js.id = id
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=#{app_id}&version=v2.0"

  fjs.parentNode.insertBefore js, fjs
  return  
) document, "script", "facebook-jssdk"

show.html.slim

.fb-share-button[ data-href="#{hacks_url(hack)}" data-layout="button" ]

我非常确定我需要修改javascript。

仅供参考，我有jquery-turbolinks宝石，所以我可以毫无问题地做到这一点

example.js.coffee

$(document).ready ->
  /* do stuff */

在轨道中更改页面时未加载社交共享按钮

0 个答案: