推文按钮在浏览 link rails 4 推特时消失

Question

我在我的应用程序中添加了一个推文按钮，当我最初登陆页面或刷新页面时会出现，但当我浏览 link 时不会显示该按钮。它只显示标签内的文本。我可以通过 inspect element 看到这两种情况的区别。

<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://example.com" data-via="sometext" data-size="large">Tweet</a>
<script>!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');</script>

我从这个linkhttps://dev.twitter.com/web/tweet-button

复制了上面的代码

两种情况的区别：

情况一：按钮出现时：

<iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" src="http://platform.twitter.com/widgets/tweet_button.7d9dd43d4f18b1bb51cc9d8f0997995e.en.html#_=1427878870272&amp;count=horizontal&amp;dnt=false&amp;id=twitter-widget-0&amp;lang=en&amp;original_referer=http%3A%2F%2Flocalhost%3A3000%2Fusers%2Fedit&amp;size=l&amp;text=Draft%20Picks&amp;url=http%3A%2F%2Fexample.com&amp;via=sometext" class="twitter-share-button twitter-tweet-button twitter-share-button twitter-count-horizontal" title="Twitter Tweet Button" data-twttr-rendered="true" style="width: 140px; height: 28px;"></iframe>
<script>!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');</script>

情况二：按钮消失时

<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://example.com" data-via="sometext" data-size="large">Tweet</a>
<script>!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');</script>

如果有人弄清楚这里的 iframe 是如何显示或删除的，或者对此有适当的解决方案，我将非常感激。非常感谢！！

Answer 1

这基本上是一个 turbolink 问题。我的 javascript 没有加载。我确实希望 javascript 工作的那些链接我只是在 link_to 标签

之后添加了这行代码

data: {no_turbolink: true}

推文按钮在浏览 link rails 4 推特时消失

Tweet button disappears on navigating through link rails 4 twitter

ruby

twitter

iframe

ruby-on-rails

ruby-on-rails-4