html - 将标签复杂化为 link_to

标签 html css ruby-on-rails 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 标签内过去是不受欢迎的,但现在是可以接受的做法,只要内容中没有交互元素。例如,不要在里面放置另一个链接。

关于html - 将标签复杂化为 link_to,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33215710/

相关文章:

mysql - 在 Ruby on Rails 中,如何在先前被销毁时创建 ID 为 3 的记录?

html - 下拉子菜单不起作用

html - 如何停止重复空白空间的背景图像?

html - 如何使用自定义 wordpress 主题使 div 响应?

html - 为什么 css "text-decoration"继承对 "inline-block"不起作用?

javascript - 如何使用 JavaScript 创建 BMI 计算器,并提供以公斤/米为单位的 BMI 或以磅/英尺为单位的 BMI 之间进行选择的选项

ruby-on-rails - Rails 配置 keystore 返回 nil

ruby-on-rails - Rails Byebug 没有停止应用程序

javascript - Safari 中未填充 HTML5 数据列表标签

html - 不使用空格的字符或标签