6
6

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 5 years have passed since last update.

link_toを複数範囲に設定する。

Last updated at Posted at 2014-08-18

通常のlink_toヘルパーメソッドの使用法

link_toヘルパーメソッドは、文字やボタンなどにリンクを貼付けるためのもので、htmlのaタグを生成する。
そのため、通常は以下のように使用する。

= link_to "こちらのページ",user_sign_up_page_path,{:class => btn_sign_up}

これは、以下のようなHTMLを生成する。

<a class="btn_sign_up", href="/user/sign_up_page">こちらのページ</a>

複数範囲に使用する

aタグの間に複数のdiv要素を入れて、それらすべてがリンクを持つようにしたい場合がある。そのような意味で複数範囲に使用するとさす。 そのような場合は以下のようにする。
= link_to user_sign_up_page_path,{:class => btn_sign_up} do
   .user_picture
   .user_input_text
    | 
      こちらのページ

これで複数範囲にリンクを指定できる。

6
6
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
6
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?