【Rails】data属性を含むリンクをlink

前提・実現したいこと

html
1<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="300" data-close-others="true" aria-expanded="false">Shop</a>

このようなhtmで書かれたリンクをRailsのlink_toヘルパーを使って表したいのですが、SyntaxErrorが出てうまくいきません。
以下のコードではErrorが出てしまいます。

ruby
1link_to("Shop", "javascript:void(0)", { class: "dropdown-toggle", data: { toggle: "dropdown", hover: "dropdown", delay: "300", close-others: "true" }, aria-expanded: "false" })

いくつかの記事を読んで、一つのハッシュにまとめると良いということを見たのですがうまくいきませんでした。
初歩的な質問ですが回答していただけると嬉しいです。

m.ts10806

2020/12/03 05:28

エラー内容コピペしてください

行動規範の内容に同意します

回答3件

自己解決

ruby
1link_to("Shop", "javascript:void(0)", { :class => "dropdown-toggle", :aria_expanded => "false", :data => { :toggle => "dropdown", :hover => "dropdown", :delay => "300", :close_others => "true" }})
2

なぜか、上記の様にハッシュロケットを使ったらうまくいきました。

投稿2020/12/03 05:22

eici

総合スコア3

回答だいぶ前に終了していますが、同じエラーに遭遇して解決したのでシェアします。

私の場合、

ruby
1close-others: "true"

が問題でした。

シンボル(コロン「：」がついてるやつ)にハイフンが含まれているのでシンタックスエラーが出ていると思われます。
回避方法は

ruby
1'close-others': "true"
2# または
3:'close-others' => "true"

ちなみに

ruby
1data: { close: {others: "true" } }

でも動きませんでした。

結論、一行丸ごとかくと

ruby
1link_to("Shop", "javascript:void(0)", { class: "dropdown-toggle", data: { toggle: "dropdown", hover: "dropdown", delay: "300", 'close-others': "true" }, aria-expanded: "false" })

以上です。

投稿2021/02/04 09:14

shota-imoto

総合スコア37

API dockだと下記のような実装でしたが、これでもエラーは出るでしょうか？
（そもそもlink_toを使わなくてもいい気がするのですが・・・）

Ruby
1link_to("Shop", "javascript:void(0)", class: "dropdown-toggle", data: { toggle: "dropdown", hover: "dropdown", delay: "300", close-others: "true" }, aria-expanded: "false")