jQuery fadeINについて

Question

RAILSアプリにjQueryを入れ始めました。
fadeInメソッドを使ってトップページの見出し文字をゆっくり表示させるようにしました。
最初にサイトに訪れたり更新のときはfade Inでゆっくり表示されるのですが
link_to(アンカー)でトップページに飛んだ際はfadeInが起こらず表示されません。
アンカー先でfadeInを起こすにはどのように指定したら良いのでしょうか？

トップページ　ビュー　（/)

  <div class="top-message" id="top-message">
    <h1>言葉はヒトを豊かにする。</h1>
    <p>いまの気持ちを言葉にしよう！</p>
  </div>

トップページ　CSS

  .top-message{
    text-align:center;
    display: none;
  }

トップページ　js

$(function() {
  $("#top-message").fadeIn(1400);
});

アプリケーションHTML

    <div class="header-logo">
      <%= link_to("トップページ", "/") %>
    </div>

↑目次のこのリンクからトップページに飛ぶとCSSのdisplay:none;は反映されてますが、jsのfadeInは起こらないです。
ここでとんだあとにもfadeInを起こしたいです。

Comments

[m.ts10806]

>【超初心者質問】
何をもってこうつけたのか分かりませんが、文字数を浪費しているだけなので、質問に初心者アイコンをつけるにとどめてください。

あと、自身のコードをご提示ください。でないと問題解決に繋がるアドバイスにはならないかと

[popomarudasi]

申し訳ないです。
こちら解決済みにして
質問しなおします。
不快な思いをさせて申し訳ありません。

[m.ts10806]

いえ質問は編集できますので新たに立てないでください

[m.ts10806]

あと、指摘する人で不快になってる人はあまりいないかと。
単に質問の不備をなおしてもらいたいだけなので。でないと問題解決しませんし、そこで解決せず悶々とするのは質問者だけです。

[kei344]

https://teratail.com/questions/264254#reply-378855 質問をしなおすのではなく質問を編集してください。

[popomarudasi]

ご指摘ありがとうございました。
編集致しましたので、ご確認ください。
教えていただければ幸いです。

[yambejp]

ソースを```で囲むなど適切なマークダウンをしてください

[popomarudasi]

皆様ご指摘ありがとうございました。
次回以降質問の際気をつけます。

[m.ts10806]

マークダウンのcodeは今からでもやっておいたほうが。
いつくるか分からないにやってみないまま「次回」と後回しにすると大抵忘れます

[popomarudasi]

囲ってみました。
今までなんとなく使っていたので今回の件で非常に勉強になりました。
ありがとうございました。

Answer 1

turbolinksとやらを使っている場合$(function() {}); では反応しないかも。

【Rails5でjqueryを動かす方法 - Qiita】
https://qiita.com/hiroyayamamo/items/b258acbaa089d9482c8a

Comments

[popomarudasi]

載せて頂いたサイトにて解決することができました。
ご指摘とご解答ありがとうございました。

Answer 2

すみませんでした。
質問しなおします。

Comments

[popomarudasi]

すみませんでした。
質問し直しでなく、編集致しました。
よろしくお願い致します。