我在我的网站上使用facebook喜欢和分享按钮。但是在某些页面上,刷新网站后会出现按钮(F5)。我使用以下代码:
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
然后再往下走到我想要的地方并分享按钮(这部分是haml):
%div.fb-like{"data-href" => "http://www.mywebsite.com#{request.fullpath}", "data-send" => "true", "data-width" => "450", "data-layout" => "button_count", "data-show-faces" => "false", "data-font" => "arial"}
当我点击链接并登陆任何页面时,按钮不会显示,当我按下F5时,按钮会在重新加载后显示。
我使用Ruby on Rails 4.0,jQuery,我也使用turbolinks和rails(我不确定,但这个迁移是个问题)。