如何将div嵌入rails中的锚标记内
[英]How do I nest a div inside an anchor tag in rails
问题描述
我是一个Ruby on Rails业余爱好者，我试图在rails中的一个锚标签中嵌入一个div标签。 我可以使它工作，但我写的结果代码是可怕的，当然不是rails方式。
以下是我在HTML中尝试完成的示例：
<a href="tell-a-friend">
<div id="tellafriend">
<strong>Strength in Numbers.</strong><br />
Suggest a friend or colleague to participate in this survey.
</div>
</a>
以下是我在ERB中提出的建议：
<%= link_to content_tag(:div,
content_tag(:strong, 'Add your labor rates now.') +
content_tag(:br, '') + ' We are counting on you.', :id => 'participate'),
participate_path %>
或者在这里我混合了一些HTML和ERB：
<%= link_to '<div id="results">
<strong>See the results.</strong><br />
Knowledge is power.
</div>'.html_safe, results_path %>
我的两个解决方案看起来都非常难看......但是考虑到DIV的内容发生变化并且我只在一个页面上显示其中的3个，将其转换为帮助程序似乎不是正确的事情。
所以，如果有人知道更好的方法，我感兴趣！ HTML，ERB和HAML的任何组合都可以。
3 个解决方案
解决方案1
9 已采纳 2010-06-19 00:32:08
链接作为块工作：
<% link_to '', my_path do %>
<div></div>
<% end %>
解决方案2
1
仅供参考：围绕DIV的ANCHOR在HTML 4.01 Transitional中不合法（但它在HTML5中？）因此请确保在目标浏览器上使用正确的doc-type和test！
<head>
<title>a</title>
</head>
<body>
<div>
<a href="www.google.com">
<div>test</div>
</a>
</div>
</body>
</html>
您可以在W3C Validator上运行此命令并更改DOCTYPE以查看该模式的有效性。 （确保指定编码以摆脱警告:-)
解决方案3
0 2015-08-15 00:06:02
最糟糕的是：
<%= link_to(url, html_options = {}) do %>
# name
<% end %>
如何将定位标记内的span元素设为非定位元素？
[英]How do I make a span element inside an anchor tag as a non anchor element?
将鼠标悬停在锚标签内的图像上且锚标签位于div内时，如何使文本显示？
[英]How to make text appear when hovering over an image that's inside an anchor tag and the anchor tag is inside a div?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.