Q&A
> <script>は１つだけでした。
この<script>は何のスクリプトでしょうか？
rails5.2です。
初学者でturbolinksについて勉強してます。
viewページの最後にJavaScriptがあった場合、
turbolinksによってページ遷移度に処理が実行されるかと思います。
例えば以下のように、aタグclickイベントでalert表示する場合、
ページ遷移する度にalertの表示回数が増えます。
html
1<script type="text/javascript"> 2 $(document).on('click', 'a', function(){ 3 alert('hoge'); 4 }); 5</script>
ここでブラウザの「ページのソースを表示」から確認したところ
html上に、上記の<script>は１つだけでした。
あれ？？てっきり複数<script>が追加されているのかと思いました(+_+)
ページ遷移度に追加されてるスクリプトは、何処に追加され、
そして実行されてるのでしょう？
初心者につき的外れな質問してたらすみません。
先輩方教えていただけないでしょうか？
宜しくお願い致します。
【追記】
説明不足でした。
turbolinksの挙動を学ぶのが目的で、実際にビューに<script>を埋め込んで不具合が起きているわけではありません。
色々動かしてturrbolinks自体を勉強してる最注です。
有難う御座います、先に記載しました↓の部分です
<script type="text/javascript">
$(document).on('click', 'a', function(){
alert('hoge');
});
</script>
回答2件
0
ベストアンサー
Turbolinksとは、<head>をほぼ再利用して、<body>だけを入れ替える仕組みのことです。
<head>をほぼ再利用することにより、通常であれば重いデータ（＝ダウンロードに時間がかかる）になりがちなjsファイルやcssなどをダウンロードせずに済むので、結果的にページ遷移時のスピードアップを実現しています。When you follow a link, Turbolinks automatically fetches the page, swaps in its <body>, and merges its <head>, all without incurring the cost of a full page load.
【日本語訳】Turbolinks は、リンクを辿ると自動的にページを取得し、<body>を入れ替え、<head>を結合することで、フルページロードのコストをかけずにページを表示することができます。
参考：https://github.com/turbolinks/turbolinks
イメージしづらい場合は、Rails 4のturbolinksについて最低でも知っておきたい事の動作のところをしっかり読むと良いかと思います。
<body>をそっくり入れ替えているため、htmlの<script>内のコードは1つしか表示されません。ここでブラウザの「ページのソースを表示」から確認したところhtml上に、上記の<script>は１つだけでした。
あれ？？てっきり複数<script>が追加されているのかと思いました(+_+)
投稿2020/08/28 00:49
総合スコア3365
0
あれ？？てっきり複数<script>が追加されているのかと思いました(+_+)
複数回追加はされていますが、それは<script>タグとしては残りません。
特殊な挙動を意図して実装するのであればともかく、Turbolinks環境でページ埋め込みの<script>を使うこと自体、あまり適当ではありません。
投稿2020/08/28 00:11
総合スコア145208
有難う御座います。
はい、それは承知しております。
今回のは、turbolinksの挙動を学ぶためのものです。
> それは承知しております。
どちらに対する返答でしょうか？
>特殊な挙動を意図して実装するのであればともかく、Turbolinks環境でページ埋め込みの<script>を使うこと自体、あまり適当ではありません。
の方でした。
あなたの回答
tips
プレビュー
