使用＆＃39; link_to＆＃39;创建可点击的div句法

Question

我有一个可点击的div，但我没有使用链接的完整地址，而是想使用ruby的'link_to'语法。我怎么指向“facebook_path”而不是完整的地址？

<div id="item_1", onclick="location.href='http://www.facebook.com';" style="cursor:pointer;"> Home </div>

Answer 1

您可以使用以下语法执行此操作：

<%= link_to "http://www.facebook.com", id:"item_1" do %>
  #your code here
<% end %>

我希望这就是你要找的东西

Answer 2

我假设你刚刚使用erb，但是你可以将一个块传递给link_to助手。所以你的例子是：

<%= link_to 'http://www.facebook.com' do %>
  <div id="item_1" style="cursor:pointer;">
    Home
  </div>
<% end %>

Answer 3

根据您的意见，让我解释css和rails之间的区别（这就是您的问题）：

您可以使用以下代码创建a块：

<%= link_to your_path_helper, class: "class", id: "id" do %>
   Stuff here
<% end %>

这将呈现以下HTML：

<a href="http://your_path.com/helper" class="class", id="id">Stuff here</a>

你现在的问题是“我如何使这种风格与另一种元素（div或类似）相同”。这样做的方法是使用css：

#app/assets/stylesheets.css
a.id {
   color: #000; /* makes the link color black */
   text-decoration: none; /* Removed underline */
}

CSS通过设置页面的不同元素的样式来工作。 class和id选择器可让您识别特定项目，而css properties可帮助您选择正确的样式

您的问题是，您尝试使用与a相同的方式设置div元素的样式。您需要选择a元素＆amp; CSS中的样式