【问题标题】:Unable to wrap div with anchor tags in rails无法在导轨中使用锚标签包装 div
【发布时间】:2017-01-14 14:14:39
【问题描述】:

在我的 rails 应用程序中,我有一个带有 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>

有什么想法吗?

【问题讨论】:

    标签: html css ruby-on-rails


    【解决方案1】:

    你需要为你的代码使用一个块:

    <%= link_to "/google" do %>
      <div class="container">
        content
      </div>
    <% end %>
    

    该代码将呈现以下 html

    <a href="/google">
      <div class="container">
        Content
      </div>
    </a>
    

    【讨论】:

    • 我得到了同样的结果。我认为当我有嵌套的锚标签时,我的浏览器 chrome 会变得混乱。也许这是非法的
    • 您可能是正确的,嵌套的锚标记是非法的。我在搜索嵌套锚标记时找到了this link on stack overflow 无论如何,我的结果将呈现您正在寻找的正确 html,但您可能需要修改您想要的内容。如果你能弄清楚你想做出什么样的改变,我也许可以帮助你进行新的修改。
    • 我想我只需要使用这个答案stackoverflow.com/a/3494108/4584963 就能有效地嵌套链接。我会将您的答案标记为正确,因为嵌套锚标记似乎是非法的。
    猜你喜欢
    • 1970-01-01
    • 2011-04-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多