2017-04-07 7 views
0

Ruby on Rails 5.0フレームワークを使用して私のウェブサイトで実装したデータテーブル(検索、ソート、ページングを含むテーブル)に問題があります。このjQueryコード(以下のコード)を追加しました。私の.jsファイルの1つに、レールキャスト(エピソード340)のすべての手順を実行しました。実装はWebページを更新した後に機能します。助けが必要です - なぜ私のテーブルがデータテーブルのすべての機能を表示するためにリフレッシュし続ける必要があるのか​​理解しようとしていますか?Ruby on Railsのデータテーブル

jQuery -> 
    $('#reviews').dataTable() 

答えて

0

だから、これはturbolinksそれは本当にあなたのロードされたJavaScript/jQueryのコンポーネントをめちゃくちゃにするとき、それは助けていると考えている起こることができるターボリンクの問題を指しているようです。これに対処するには、このページにリンクするリンクの末尾にコードdata: { no_turbolink: true }を追加します。以下は私が取り組んできた過去のプロジェクトの例です。

<li><%= link_to 'Schedule', schedule_path(@schedule), data: { no_turbolink: true }, class: 'sub_link' %></li> 

あなたがページネーションを行う方法を検討していて、私はsorting/filteringため掻き回すをチェックアウトをお勧めしますと、私はこれはおそらくturbolinksの問題であることを第二トール・ポールの概念pagination

0

を学ぶためのページ付けますソートされている場合。

彼のソリューションの代わりに、readyイベント(通常は誰でもそうです)ではなく、turbolinks:loadイベントにJavaScript/jQueryコードを聴かせることができます。

このような何か:

$(document).on('turbolinks:load', function() { 
    <Your javascript here> 
}) 

私はあなたがCoffeeScriptのを使用していると思うので、私はこれも仕事だと思う:https://stackoverflow.com/a/36110790/1026898

:さらにを読ん

$(document).on 'turbolinks:load', -> 
    $('#reviews').dataTable()