[解決済み] Rails - data-* 属性を持つ link_to ヘルパー [重複].
2022-11-01 02:46:25
質問
重複の可能性があります。
railsのcontent_tagヘルパーでhtml5データ属性を使用する最良の方法は?
どのように私はhtml5を使用することができます
data-*
を使うにはどうしたらいいですか?
APIによると、この形式を使わなければならないそうです。
link_to(body, url, html_options = {})
と書いてありますが、html_optionsに書くとエラーになります。
元です。
link_to "whatever", @whatever_path, { class: 'my_class', data-tooltip: 'what I want' }
どのように解決するのですか?
ただ渡すだけ... Railsではデフォルトで
:data
ハッシュ
= link_to body, url, :data => { :foo => 'bar', :this => 'that' }
ダッシュを含む記号は引用符で囲む必要があります。
:data => { :'foo-bar' => 'that' }
更新しました。 Rails 4ではアンダースコアは自動的にダッシュに変換されるので、このようにすることができます。
:data => { :foo_bar => 'that' }
あるいは、直接書くこともできます。
= link_to body, url, :'data-foo' => 'bar', :'data-this' => 'that'
アップデート2です。 コメントで指摘されたように、Ruby 1.9+ではこの構文が使えるようになり、現在では好ましい書式となりました。
{ data: { foo: "bar" } }
関連
-
[解決済み] Ruby on Railsのランナー
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] Ruby on Railsのマイグレーションでデータベースのカラムの名前を変更するにはどうすればよいですか?
-
[解決済み] jQueryを使用してハイパーリンクのhref属性を変更する方法
-
[解決済み] jQueryでdata属性で要素を選択する
-
[解決済み] data-id属性を取得するにはどうすればよいですか?
-
[解決済み】enctype='multipart/form-data'とはどういう意味ですか?
-
[解決済み】Railsの認証トークンを理解する
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Rails。Ruby on Railsの移行でデータベースカラムの名前を変更するにはどうすればよいですか?
-
[解決済み】警告:定数 ::Fixnum は非推奨 新しいモデルを生成するとき
-
[解決済み] nil:NilClass の未定義メソッド `each'... なぜでしょうか?
-
[解決済み] AWS S3です。アクセスしようとしているバケットは、指定されたエンドポイントを使用してアドレスされている必要があります。
-
[解決済み] Errno::EACCESS: パーミッションが拒否された @ dir_s_mkdir
-
[解決済み] rails erb フォームヘルパー options_for_select :selected
-
[解決済み] railsアプリケーションでCookieのオーバーフロー?
-
[解決済み] Railsコントローラからホスト名を取得する
-
[解決済み] rspecにおけるassignsの意味
-
[解決済み] "render :nothing => true" は空のプレーンテキストファイルを返すのですか?