0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【Rails】turbolinksが原因で、一度リロードしないとjsが反応しない

Posted at

はじめに

【Rails】javascriptで入力フォーム(textarea)の高さを自動で変えたい
上記の記事で書いたものが、一度ページをリロードしないとjsが動かない(高さが変わらない)ことが起こった。
これを改善するために、turbolinksを修正していく。

環境

No 項目 内容
1 OS Mac
2 Ruby 2.6.3
3 rails 6.0.4
4 turbolinks 5.2.0
5 webpacker 4.0.7

実装

【Rails】リロードしないとJavaScriptが動かない!【簡単に解決】
【Rails】初心者向け!画面遷移の高速化を行うTurbolinksについて図を用いて詳しく解説
同じ悩みを抱えてた記事があったため、参考にした。
どうも、turbolinksの使用で、jqueryが発火しなくなるみたいです。turbolinksをオフすることで、回避することにした。

...
<li><%= link_to "投稿", new_post_path, data: {"turbolinks" => false} %></li>
...

おわりに

これでリンク飛ぶと早速jsが反応するようになった。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?