[解決済み] rails の link_to ヘルパーに css クラスを追加する。
2022-02-18 08:48:38
質問
以下のコードを使用して、cssを使用してrailsのリンクにスタイルを設定しようとしています。
<%= link_to "Learn More", :controller => "menus", :action => "index", :class => "btn btn-inverse" %>
これによって、次のようなリンクが作成されると予想されます。
<a href="menus/" class="btn btn-inverse">Learn More</a>
代わりに、rails は次のようにレンダリングします。
<a href="/menus?class=btn+btn-inverse">Learn More</a>
この問題に直面したことのある人/私が何を間違えているか知っている人はいますか?ヘルパーを使うのではなく、手動でアンカータグを作成することでこの問題を回避できることは知っていますが、ヘルパー自体にcssのクラス情報を渡す方法があるのかどうか疑問に思っていました。Rails 3.2.6を使用しています。
ありがとうございます。
解決方法は?
構文に問題があります。代わりにこれを試してみてください。
<%= link_to "Learn More", {controller: "menus", action: "index"}, class: "btn btn-inverse" %>
link_to Helperをさらに使いこなすためのドキュメントをいくつか紹介します。
と言われます。
古い引数のスタイルを使用する場合は、余分なリテラルハッシュが必要なので、注意してください。
link_to "Articles", { :controller => "articles" }, :id => "news", :class => "article" # => <a href="/articles" class="article" id="news">Articles</a>
ハッシュをオフにすると、間違ったリンクが表示されます。
link_to "WRONG!", :controller => "articles", :id => "news", :class => "article" # => <a href="/articles/index/news?class=article">WRONG!</a>
をお勧めします。 URLヘルパーを使用します。 は、ルーティングの設定にしたがって生成されます。あなたの場合
link_to "Learn More", menus_path, :class => "btn btn-inverse"
生成されたヘルパーについて、少し思い出してください。
# routes.rb
resources :users
# any view/controller
users_path #=> /users
edit_user_path(user) #=> /users/:id/edit
user_path(user) #=> /users/:id (show action)
new_user_path(user) #=> /users/new
関連
-
[解決済み】Rails。Ruby on Railsの移行でデータベースカラムの名前を変更するにはどうすればよいですか?
-
[解決済み】gemのインストールができない - gemネイティブ拡張の構築に失敗 - そのようなファイルをロードできない -- mkmf (LoadError)
-
[解決済み] erbでコメントを追加する最適な方法
-
[解決済み] DestroyとDeleteの違い
-
[解決済み] Herokuの問題 : あなたが探しているページは存在しません。
-
[解決済み] railsでhidden fieldタグを使用する方法
-
[解決済み] gemのアップデート後、"Asset was not declared to be precompiled in production "でテストが失敗する。
-
[解決済み] Rails / Haml: 投稿フォームを作成するには?
-
[解決済み】Railsの認証トークンを理解する
-
[解決済み】Rails 4でPaperclip::Errors::MissingRequiredValidatorErrorが発生する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】警告:定数 ::Fixnum は非推奨 新しいモデルを生成するとき
-
[解決済み] Railsサーバーがポートはすでに使用されていると言う、そのプロセスを殺すにはどうすればよいですか?
-
[解決済み] 新規ユーザー作成時に ActiveModel::ForbiddenAttributesError が発生する。
-
[解決済み] Mac OS Xにhomebrewがインストールされているかどうかを確認する方法
-
[解決済み] ウェブパッカーがアプリケーションを見つけ出せない
-
[解決済み] PG::ConnectionBad - サーバーに接続できませんでした。接続が拒否されました。
-
[解決済み] railsアプリケーションでCookieのオーバーフロー?
-
[解決済み] rspecにおけるassignsの意味
-
[解決済み] Heroku: 既存のrailsアプリにseeds.rbをプッシュする方法?
-
[解決済み] Ruby on Rails の新規セットアップ : "Expected string default value for '--rc'; got false (boolean)".