RailsのページネーションでJavaScriptが読み込まれない

Question

RailsでWebアプリケーションを作っています。

問題が発生しているページの構成は以下のようになっています。
・上部にJavaScript(Chart.js)で作ったグラフを表示
・グラフの下部にユーザーが投稿したコメントを一覧表示
・コメント数が一定数を超えた場合、ページネーション移動できるようにする(kaminariを利用しています）

ここで発生している問題は、初期表示では表示されていたグラフがページネーション移動をすると表示されなくなるということです。

グラフ描画用のJavaScriptの先頭にconsole.log("aaa")を記載してみたところ、ページネーション移動後にJavaScriptが呼び出されていないようでした。

どうすればページネーションの移動後にJavaScriptが呼び出せるでしょうか
ご回答よろしくお願いいたします。

以下にグラフ描画用のコードを記載します

  console.log("aaa")
var barChartData = {
  labels: <%= @labels %>,/*ラベル用データ*/
  datasets: [
    {
      fillColor:/*"#d685b0"*/
      "rgba(214,133,176,0.7)",
      strokeColor:/*"#d685b0"*/
      "rgba(214,133,176,0.7)",
      highlightFill:/*"#eebdcb"*/
      "rgba(238,189,203,0.7)",
      highlightStroke:/*"#eebdcb"*/
      "rgba(238,189,203,0.7)",
      data: <%= @data %> /*数値用データ*/
    }
  ]

}

window.onload = function () {
  var ctx = document.getElementById("chart").getContext("2d");
  window.myBar = new Chart(ctx).Bar(barChartData, {
    responsive: true,
    /* animation : false */
  });
}

Answer 1

Turbolinksによる影響だと思います。
下記のように$(document).on('turbolinks:load', function() {});で囲むとうまくいくかと思います。

$(document).on('turbolinks:load', function() {
  console.log("It works on each visit!");
});

Comments

[828kk88]

できました！
ありがとうございました。

[no1knows]

それは良かったです！