如何在Turbolinks页面上回流Foundation5 Abide验证:使用Rails4进行更改

Question

我们在让Foundation 5的Abide验证功能与涡轮链接一起工作时遇到了问题。

基础文档建议我们使用：

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

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

然而，我不知道当涡轮链接更改页面时如何触发。

从涡轮链接的文档来看，我们可以做以下事情：

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

https://github.com/rails/turbolinks

我不知道如何让基金会回流与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() {
  ...
});

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

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