如何使用 Turbolinks 让 Twitter 小部件重新出现？答案

【问题标题】：How to get twitter widget to reappear with Turbolinks?如何使用 Turbolinks 让 Twitter 小部件重新出现？
【发布时间】：2013-08-16 07:26:55
【问题描述】：

如果您在 Rails 4 中使用 Turbolinks，并且您查看了一个包含用户个人资料的 Twitter 小部件的登录页面，然后您查看了另一个页面，然后又返回到该登录页面...... Twitter 小部件将不再是一个 JS 小部件。这只是一个占位符链接。在这种情况下如何重新初始化 Twitter 小部件？

【问题讨论】：

您如何包含 Twitter JS 小部件？你能包含一些代码吗？

标签： ruby-on-rails twitter widget turbolinks

【解决方案1】：

可能想看看JQuery Turbolinks？

【讨论】：

【解决方案2】：

我知道这是一个老问题，但我刚刚升级到 Rails 4 并且遇到了类似的问题。 turbolinks 文档有一个Opting Out of turbolinks 部分，它解释了如何用data-no-turbolink 标记链接或其父容器。我在引导导航栏中看到这个问题链接回我的主页并且我正在使用 HAML，所以我最终这样做了：

%header{class: 'navbar navbar-fixed-top navbar-inverse'}
  %div{class: 'navbar-inner', 'data-no-turbolink' => true}
    .container
      = link_to 'example.com', root_path, id: 'go_home'

...

呈现为

<header class='navbar navbar-fixed-top navbar-inverse'>
  <div class='navbar-inner' data-no-turbolink>
    <div class='container'>
      <a href="/" id="go_home">example.com</a>

而且因为它是针对整个 navbar-inner div 的，所以稍后还会包含到文本 home 的显式链接。

【讨论】：