2016-09-07 31 views
3

在我的導軌應用程序中,我有一個帶有div的視圖。該div有一堆內容,包括鏈接。我想讓整個div可點擊。無法在導軌中包含帶錨標記的div

在我view.html.erb文件時,它看起來是這樣的:

<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

你可能是正確的,嵌套錨標籤是非法的。 當我搜索到嵌套的錨標籤時,發現[this stack over stack](http://stackoverflow.com/questions/18666915/why-are-nested-anchor-tags-illegal) 無論如何,我的結果將會呈現你正在尋找的正確的html,但你可能需要修改你想要的內容是什麼。如果你能弄清楚你想做什麼改變,我也可以幫助你進行新的修改。 – celly

+0

我想我只需要使用這個答案http://stackoverflow.com/a/3494108/4584963能夠有效地嵌套鏈接。我會標記你的答案是正確的,因爲它看起來像嵌套錨標籤是非法的。 – user4584963