如何重排基础5遵守Turbolinks页面上的验证:使用Rails 4更改

Question

我们无法让Foundation 5的遵守验证功能与turbolinks一起工作。

基础文档建议我们使用：

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

http://foundation.zurb.com/docs/components/abide.html

然而，当turbolinks改变页面时，我不确定如何触发它。

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

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

https://github.com/rails/turbolinks

我不确定如何让Foundation reflow与Turbolinks "page:change“一起工作。

有什么想法吗？

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() {
  ...
});

像往常一样。它对我来说就像一种护身符。简单地将回流放在里面。

这样做的好处是方便，您不再需要考虑页面更改事件。它会帮你完成这项工作。