ruby-on-rails - TurbolinksページでFoundation 5 Abideの検証をリフローする方法:Rails 4で変更

Question

Foundation 5 の Abide 検証機能をターボリンクで動作させるのに問題があります。

財団のドキュメントでは、以下を使用することを提案しています。

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

ただし、ターボリンクがページを変更したときにこれをトリガーする方法がわかりません。

ターボリンクのドキュメントから、次のことができるようです。

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

Foundation リフローを Turbolinks "page:change" で動作させる方法がわかりません。

何か案は？

score 0 · Accepted Answer

jQuery を使用している場合 (使用していると思います)、次の gem を使用できます。Gemfile に入れます。

# Using Turbolinks with jQuery
gem 'jquery-turbolinks'

を使用できます。

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

いつものように。それは私にとって魅力のように機能します。内部にリフローを入れるだけです。

利点は、ページ変更イベントについて考える必要がないという便利さです。それはあなたのために仕事をします。

score 0 · Accepted Answer

以下は私のために働いた：

# module.js.coffee

$ ->

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

2 に答える 2