2016-09-07 81 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