将标签复杂化为 link_to
Complex a tag to link_to
一位设计师给了我以下代码片段:
<a href="register_learner.html">
<div class="service-block service-block-sea service-or">
<div class="service-bg"></div>
<i class="icon-custom icon-color-light rounded-x fa fa-user-plus"></i>
<h2 class="heading-md">Register a Learner</h2>
</div>
</a>
我想把它做成一个 link_to。这在 Rails 中是否可行,如果可以,将不胜感激。
还是我看错了?我试图将 div 取出,然后将 link_to 'Register Learner', new learner_path
放在它们中间,但它不起作用。
在 rails 你可以像
<%= link_to "register_learner" do %>
<div class="service-block service-block-sea service-or">
<div class="service-bg"></div>
<i class="icon-custom icon-color-light rounded-x fa fa-user-plus"></i>
<h2 class="heading-md">Register a Learner</h2>
</div>
<% end %>
http://api.rubyonrails.org/classes/ActionView/Helpers/UrlHelper.html#method-i-link_to
编辑 - 顺便说一句,将 div 放在 a
标签中曾经是不受欢迎的,但现在是可以接受的做法,只要 里面没有交互元素内容。例如,不要在里面放另一个 link。
一位设计师给了我以下代码片段:
<a href="register_learner.html">
<div class="service-block service-block-sea service-or">
<div class="service-bg"></div>
<i class="icon-custom icon-color-light rounded-x fa fa-user-plus"></i>
<h2 class="heading-md">Register a Learner</h2>
</div>
</a>
我想把它做成一个 link_to。这在 Rails 中是否可行,如果可以,将不胜感激。
还是我看错了?我试图将 div 取出,然后将 link_to 'Register Learner', new learner_path
放在它们中间,但它不起作用。
在 rails 你可以像
<%= link_to "register_learner" do %>
<div class="service-block service-block-sea service-or">
<div class="service-bg"></div>
<i class="icon-custom icon-color-light rounded-x fa fa-user-plus"></i>
<h2 class="heading-md">Register a Learner</h2>
</div>
<% end %>
http://api.rubyonrails.org/classes/ActionView/Helpers/UrlHelper.html#method-i-link_to
编辑 - 顺便说一句,将 div 放在 a
标签中曾经是不受欢迎的,但现在是可以接受的做法,只要 里面没有交互元素内容。例如,不要在里面放另一个 link。