Как перекомпоновать Foundation 5 Пройти проверку на странице Turbolinks: изменить с помощью Rails 4

Question

У нас возникли проблемы при настройке функции проверки Abide в Foundation 5 для работы с турболинками.

Основополагающая документация предполагает, что мы используем:

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

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

Тем не менее, я не уверен, как вызвать это, когда turbolinks меняет страницу.

Из документации турболинков видно, что мы можем сделать следующее:

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

https://github.com/rails/turbolinks

Я не уверен, как заставить Фонд перекомпоноваться для работы с Turbolinks "page:change".

Есть идеи?

Answer 1

Если вы используете jQuery (и я думаю, что вы используете), то вы можете использовать следующий гем. Поместите это в свой Gemfile:

# Using Turbolinks with jQuery
gem 'jquery-turbolinks'

Вы можете использовать

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

по-прежнему. Это работает как шарм для меня. Просто поместите оплавление внутрь.

Преимущество в том, что вам больше не нужно думать о событии смены страницы. Это делает работу за вас.

Answer 2

Следующее работало для меня:

# module.js.coffee

$ ->

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