Question

我们无法使用Foundation 5的Abide验证功能来处理turbolinks。

基础文档建议我们使用：

$(document).foundation('abide', 'reflow');

但是，我不确定如何在turbolinks更改页面时触发此操作。

从turbolinks文档中，我们可以执行以下操作：

$(document).on("page:change", fix_abide)

我不确定如何让Foundation reflow与Turbolinks合作“页面：更改”。

有什么想法吗？

Answer 1

以下对我有用：

# module.js.coffee

$ ->

  $(document).on("page:change", ->
    $(document).foundation('orbit', 'reflow')
  )

Answer 2

如果您正在使用jQuery（我认为您这样做），那么您可以使用以下gem。把它放在你的Gemfile中：

# Using Turbolinks with jQuery
gem 'jquery-turbolinks'

您可以使用

$(document).ready(function() {
  ...
});

像往常一样。它对我来说就像一个魅力。只需将回流焊放在里面。

优点是方便，您不再需要考虑页面更改事件。它为你工作。