将 div 转换为 Rails 中的链接

发布于 2024-12-01 08:29:28 字数 160 浏览 3 评论 0原文

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

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

How can I apply the following to a div in rails so that when you click on the div it functions just like this link? Thanks

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

冰雪之触 2024-12-08 08:29:28

我可能会误解你,但是...

如果你希望 div 成为可点击的链接,合乎逻辑的解决方案是编写生成的内容。

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

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

link_to 可以接受一个块,因此您可以使用 spans:

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

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

I may be misunderstanding you but...

If you want the div to be a clickable link, the logical solution is to write something that generates

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

However, this is bad as putting block elements inside inline elements is wrong.

link_to can accept a block, so you could use spans:

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

Alternatively a Javascript handler on the div onclick event.

各自安好 2024-12-08 08:29:28
<%= link_to "link name", :anchor => "#2", :class => "xtrig", :rel => "coda-slider-1" %>
<%= link_to "link name", :anchor => "#2", :class => "xtrig", :rel => "coda-slider-1" %>
緦唸λ蓇 2024-12-08 08:29:28

如果您只想在单独的行中包含一个块元素,则不需要

a.xtrig {
  display: block;
}

If you only want to have a block element in a separate line you do not need a <div> but you can make the <a> tag "behave like a div":

a.xtrig {
  display: block;
}
污味仙女 2024-12-08 08:29:28

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

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

Rails provide link_to block to wrap the html code inside it and make them clickable.

<%= link_to(your_path) do %>
  Entire html code written inside will be clickable.
<% end %>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文