Prism.js不使用Rails 4 turbolinks

Question

我发现当我使用Prism.js语法highliting与Turbolinks组合时，突出显示行为奇怪。

当我加载第一次突出显示语法的页面时，Prism.js不会被触发，也没有突出显示任何内容。重新加载同一页后，Prism将启动并高亮显示代码。除非我更改位置（转到root）并返回到它（在相同的场景之后），页面将在此之后保持突出显示

当我从清单文件（application.js）中删除Turbolinks时，一切正常（当然Turbolinks没有做任何事情）

我不想使用

= link_to "Foo", blogs_path(blog), "data-no-turbolink" => true 

因为我必须在每一个链接上使用它（每个博客都会有一些代码高位），因此根本没有任何关于swolinks的点

我试图使用像page:change这样的Turbolings events，但我对纯JavaScript非常糟糕（Prism.js是纯粹的JS＆amp;我是jQuery junky）

所以任何人都知道如何告诉Turbolinks触发Prism.js语法高位？

Answer 1

我最近遇到了同样的问题，我发现的修复是在页面加载后重新运行Prism。我使用了Turbolinks页面：load event来触发它。

在Coffeescript中：

$(document).on 'ready page:load', ->
    Prism.highlightAll()

或者在简单的JS中：

$(document).on('ready page:load', function() {
    Prism.highlightAll();
});