2013-02-27 9 views
15

だから私はのlink_toリンクにこれを作るためにしようとしている:のlink_toオプションは

<a class="dropdown-toggle" data-toggle="dropdown" href="#">Sign-In <b class="caret"></b></a> 

私はこれまでのところ、これを持っているが、<b class="caret"></b>を処理する方法を見つけ出すことはできません。 link_toの最後にdoブロックを試しましたが、エラーが発生しました。

<%= link_to "Sign-In", new_user_session_path, :class => "dropdown-toggle", :data => {:toggle=>"dropdown"} %> 

私はRailsの学習を始めました、そして(RoRのAPIのドキュメントを読ん含む)の周りで検索しましたが、動作するように何も持っていません。助けてくれてありがとう!

答えて

36

link_toは、コンテキストの面で大丈夫です。

これはあなたが言及リンクは次のとおりです:

件まで私はそれが何であるかを教えてみましょう

<%= link_to "Sign-In", new_user_session_path, :class => "dropdown-toggle", :data => {:toggle=>"dropdown"} %> 

これは、上記のlink_toによって形成され、対応するHTMLリンクです:

<a href="users/sessions/new" class="dropdown-toggle" data-toggle="dropdown">Sign-In</a> 

このリンクを検討してみましょう:

<%= link_to(raw("Sign-In" +("<b class= 'caret'></b>")), new_user_session_path, :class => "dropdown-toggle", :data => {:toggle=>"dropdown"}) %> 
今、あなたはあなたの結果とほぼ近いもの

<a class="dropdown-toggle" data-toggle="dropdown" href="users/sessions/new">Sign-In<b class= 'caret'></b></a> 

上記のリンクはあなたの次のHTMLリンクを提供します。唯一のことはhrefです。

OK]をクリックしてのは、生成されたリンクは、今あなたが何を望むかと等価であるHREFパスにだけ変更

れたまま
<%= link_to(raw("Sign-In" +("<b class= 'caret'></b>")), "#", :class => "dropdown-toggle", :data => {:toggle=>"dropdown"}) %> 

で上記link_toビットを変更してみましょう:

<a href="#" class="dropdown-toggle" data-toggle="dropdown">Sign-In<b class= 'caret'></b></a> 
+0

フィードバックいただきありがとうございます!私は生のタグについて何も知らなかった – Devan

+1

私はより多くの評判を持っていれば、私はあなたの方法upvoteを投げるだろう!再度、感謝します! – Devan

+0

私はこれを私のタグdata-original-title = "Edit"に入れていますが、エラーが表示されています。それはa) –

11

ブロックを指定すると、最初の引数(通常はタグの内容)は省略され、ブロックの結果に置き換えられます。

<%= link_to new_user_session_path, :class => "dropdown-toggle", :data => {:toggle=>"dropdown"} do %> 
    Sign-In <b class="caret"></b> 
<% end %> 
+0

ああ、私はキーがブロックであることを知っていましたが、できませんでした引数などを見つけ出す。おかげです。 – Devan

0

コンテナにリンクを挿入すると、divになり、class = "dropdown"となります。あなたが提供

<div class="dropdown"> 
    <%= link_to image_tag('icons/lock_icon.png') + " Log In" +('<b class="caret"></b>').html_safe , '#', { :class => 'dropdown-toggle', 'data-toggle' => 'dropdown' } %> 
</div> 
0

それはしなければなりませんlink_toのデータ属性であること link_to remove_user_path(recipient_id: recipient.id) , method: :delete, data: {confirm: 'Are you sure you want to delete?'}