問題タブ [turbolinks]

Ruby on Rails で Web プロジェクトを作成しています。フォームをリセットするための小さなスクリプトを作成したmain.jsファイルが 内に保存されています。/app/assets/javascripts/

このスクリプトは、私が Web をサーフィンしていないときでも問題なく動作します。現在のページを変更すると、スクリプトが機能しなくなります。再び機能させるには、ブラウザからページをリロードする必要があります ( Cmd+Rまたはを使用F5)。

スクリプトはmain.jsコンパイルされるはずで、プロジェクトのすべてのページで利用できるはずですよね?

どうしたの？

のコードmain.js:

アプリケーション.js:

Google ビジュアライゼーションを使用して、ビュー内にネストされたスクリプト タグにチャート テーブルを作成しています。これは、ページが直接フェッチされる場合は十分に機能しますが、link_toヘルパーを介して実行する場合、javascript は機能しません。

これはターボリンクに関連していると思いますが、以下のように JavaScript を a でラップして page:loadも違いはありません。ターボリンクをオフにするとこれが解決することを確認しましたが、それがないとアプリ全体が大幅に遅くなります。

rails4 の Bootstrap 3 Modal コンポーネントで Turbolinks を使用しています。ページを更新して開くと、モーダル背景は正常になります。ただし、モーダル背景の不透明度は、他のページを開くとどんどん暗くなっていきます。Turbolinks が別のページに読み込まれたときに不透明度がリセットされていないと仮定します。背景要素を見つけようとしましたが、javascript によってその場で不透明度が生成されているようです。誰も同じ問題を見たことがありますか？修正は何ですか？

Turbolinks を使用する Rails のビューに JavaScript を埋め込んでいます。

ViewX.html.haml:

ViewX をロードすると、すべて正常に動作します。しかし、View YI に移動すると、コンソールに次のエラーが表示されます。

そして、他のビューに移動しても、そのエラーは持続します。ハード リフレッシュを実行すると消えますが、次に ViewX をレンダリングすると元に戻ります。

私の質問は、一部の JS スニペットを特定のビューに対してのみレンダリングし、アプリの残りの部分を汚染しないようにするにはどうすればよいですか?

編集

わかりました、私は方法を考え出しました。これはややハックですが、封じ込められたハックです。ViewX.html.haml を次のように変更します。

ViewX.html.haml:

Rails 4 で Google アナリティクス トラッキング コードとターボ リンクを実装する最善の方法を考えています。通常のスニペットは機能しますか? このための宝石も見ましたが、それが何をするのかわかりません。

を使用するRails 4アプリがありますTurbolinks。私の理解では、TurbolinksTurbolinks は新しいページをロードせず、新しい要素のみを取得するため、jQuery コードが壊れます。

したがって、新しいページに移動しても がトリガーされない場合がありますが、.ready常に がトリガー.page:loadされるため、新しい jQuery コードは初期化されません。

jQuery コードがたくさんあるので、Turbolinks と互換性があるように jQuery コードを変更したくありません。

.readyイベントを上書きして含めるように、私のapplication.jsにjavascriptコードを追加することは可能page:loadですか? どうすればいいですか？