ruby-on-rails - 如何在 Turbolinks 页面上重排 Foundation 5 Abide 验证：使用 Rails 4 更改

Question

我们无法让 Foundation 5 的 Abide 验证功能与 turbolink 一起使用。

基金会文档建议我们使用：

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

但是，我不确定当 turbolinks 更改页面时如何触发它。

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

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

我不确定如何让 Foundation reflow 与 Turbolinks“page:change”一起使用。

有任何想法吗？

score 0 · Accepted Answer

以下对我有用：

# module.js.coffee

$ ->

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

score 0 · Accepted Answer

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

# Using Turbolinks with jQuery
gem 'jquery-turbolinks'

您可以使用

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

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

优点是方便，您无需再考虑页面更改事件。它为您完成工作。

2 回答 2