質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

2779閲覧

cssの読み込みが出来てない。リロードすれば出来る

axax90

総合スコア120

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2016/02/13 07:27

railsでそのページだけ読み込みたいcssがあり、

config/application.rbに

ruby

1config.assets.precompile = %w(application.css users.css)

と書き、

該当ページで、

ruby

1- content_for :header do 2 = stylesheet_link_tag "users"

としました。

しかし、cssはページを開いた時には適用されず、
そのページを開いたあとに1回リロードすれば適用されます。

何故でしょうか。
最初にページを開いた時に適用されていたいのですが。。

app/assets/stylesheets/application.scss
の中で、

ruby

1@import 'users';

と書いておけば、ページ開いたらすぐに適用されている状態です。

layoutファイルは↓になっております

ruby

1= stylesheet_link_tag 'application' 2= yield :header

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

Rails 4以降では、「Turbolinks」といって、全ページで同じJS/CSSファイルを使うことを前提に、ページ遷移を高速化する仕組みが組み込まれています。

選択肢としては、いくつか考えられます。

  • うまくセレクタなどを工夫して、他のページにCSSが当たらないようにした上で、同じファイルにimportしてしまう
  • 極端にデザインが違うのであれば、そのページヘのリンクに「data-no-turbolink」属性を入れて、そこだけTurbolinksを止める
  • そんなページが多発するのであれば、サイト全体でTurbolinksを無効化する

投稿2016/02/13 08:02

maisumakun

総合スコア145121

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

axax90

2016/02/13 10:13

なるほど、そういうことなんですねー! ありがとうございます
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問