【问题标题】:turn a div into a link in rails将 div 变成 rails 中的链接
【发布时间】:2011-11-03 11:54:15
【问题描述】:

如何将以下内容应用于 rails 中的 div,以便当您单击 div 时,它的功能就像此链接一样?谢谢

<%= link_to "#2", :class => "xtrig", :rel => "coda-slider-1" %>

【问题讨论】:

  • 您希望 Rails 生成的 HTML 代码是什么?

标签: html ruby-on-rails ruby ruby-on-rails-3 ruby-on-rails-4


【解决方案1】:

我可能误会你了,但是……

如果你想让 div 成为可点击的链接,合乎逻辑的解决方案是写一些生成的东西

<a href="#2">
  <div>
    Some stuff
  </div>
</a>

但是,这很糟糕,因为将块元素放在内联元素中是错误的。

link_to 可以接受一个块,所以你可以使用 spans:

<%= link_to('#2') do %>
  <span>Some stuff</span>
<% end %>

或者 div onclick 事件的 Javascript 处理程序。

【讨论】:

    【解决方案2】:
    <%= link_to "link name", :anchor => "#2", :class => "xtrig", :rel => "coda-slider-1" %>
    

    【讨论】:

      【解决方案3】:

      如果您只想在单独的行中有一个块元素,则不需要&lt;div&gt;,但您可以使&lt;a&gt;标签“表现得像一个div”:

      a.xtrig {
        display: block;
      }
      

      【讨论】:

        【解决方案4】:

        Rails 提供 link_to 块将 html 代码包装在其中并使其可点击。

        <%= link_to(your_path) do %>
          Entire html code written inside will be clickable.
        <% end %>
        

        【讨论】:

          猜你喜欢
          • 2013-04-21
          • 1970-01-01
          • 2010-10-22
          • 2012-04-14
          • 2012-07-13
          • 1970-01-01
          • 2013-09-11
          • 2023-02-16
          • 2017-06-06
          相关资源
          最近更新 更多