2016-09-07 9 views
3

私のレールアプリでは、divとのビューがあります。 divにはリンクを含むたくさんのコンテンツがあります。 div全体をクリック可能にしたい。私view.html.erbファイルでdivでレールのアンカータグを折り返すことができません

が、それは次のようになります。

<a href="/google"> 
    <div class="container"> 
    content with other anchor tags 
    </div> 
</a> 

しかし、それはこのようにレンダリング:

<a href="/google"></a> 
<div class="container"> 
    <a href="/google"></a> 
    content with other anchor tags 
</div> 

任意のアイデア?

答えて

2

はあなたのコードのブロックを使用する必要があります。

<%= link_to "/google" do %> 
    <div class="container"> 
    content 
    </div> 
<% end %> 

このコードは、私はこれと同じ結果を取得するには、次のHTML

<a href="/google"> 
    <div class="container"> 
    Content 
    </div> 
</a> 
+0

をレンダリングします。アンカータグがネストされていると、私のブラウザであるchromeがうんざりしてしまうと思います。おそらくこれは不正です – user4584963

+0

ネストされたアンカータグが不正である可能性があります。 ネストされたアンカータグを検索すると[スタックオーバーフローに関するこのリンク](http://stackoverflow.com/questions/18666915/why-are-nested-anchor-tags-illegal)が見つかりました いずれにしても、私の結果あなたが探している適切なhtmlをレンダリングしますが、あなたはコンテンツをしたいものを変更する必要があります。どのような変更をしたいのか分かる場合は、新しい変更についてもお手伝いできます。 – celly

+0

リンクを効果的にネストできるようにするには、この回答を使用しなければならないと思います。http://stackoverflow.com/a/3494108/4584963アンカータグがネストされているように見えるので、あなたの答えは正しいとマークします。違法です。 – user4584963

関連する問題