Rails 3 link_to 部分结构

Question

我想创建一个 link_to 渲染 :partial。我已经在视图文件夹中存储了两个部分，我在其中调用 link_to （这是配置文件视图）。下一步是让 JavaScript 加载数据，但我在正确构建 link_to 时遇到了困难。

这就是我所拥有的：

<ul id="infoContainer">
  <li><%= link_to render(:partial => "about") do %>About<% end %></li>
  <li><%= link_to render(:partial => "other") do %>Other<% end %></li>
</ul>

使用这些，两个部分都在我的 show.html.erb 中呈现，并且链接消失了。

所以我尝试了以下操作：

<ul id="infoContainer">
  <li><%= link_to render(:partial => 'about'), :class => "a", :remote => true do %>About<% end %></li>
  <li><%= link_to render(:partial => 'other'), :class => "o", :remote => true do %>Other<% end %></li>
</ul>

两个部分仍然显示，并且“关于”/“其他”文本链接仍然不显示。

更新：所以我可能可以使用 link_to 。它只是不渲染任何东西。我想必须用 JavaScript 来解决这个问题。

<li><%= link_to "About", (:partial => 'about'}, {:class => "a"}, :remote => true %></li>
<li><%= link_to "Other", (:partial => 'other'}, {:class => "o"}, :remote => true %></li>

使用上面的 link_to 生成 URL：/profiles/1?partial=about

Answer 1

您错误地使用了 link_to - 请检查 API / 文档，

它被称为：

link_to(body, url, html_options = {})
  # url is a String; you can use URL helpers like
  # posts_path

link_to(body, url_options = {}, html_options = {})
  # url_options, except :confirm or :method,
  # is passed to url_for

link_to(options = {}, html_options = {}) do
  # name
end

link_to(url, html_options = {}) do
  # name
end

请参阅：

http://api.rubyonrails.org/classes/ActionView/Helpers/UrlHelper.html#method-i-link_to

http://apidock.com/rails/ActionView/Helpers/UrlHelper/link_to

或许：

rails3 (link_to_remote) 的 link_to 语法和基本 javascript 不起作用在 Rails3 应用程序中？

Answer 2

<ul id="infoContainer">
  <li><%= link_to render(:partial => 'about'), urlyouwant %></li>
  <li><%= link_to render(:partial => 'other'), urlyouwant %></li>
</ul>

如果您想在用户点击时运行 javascript，您可以在 http://api.rubyonrails.org/classes/ActionView/Helpers/JavaScriptHelper.html#method-i-link_to_function

<ul id="infoContainer">
  <li><%= link_to_function render(:partial => 'about'), "alert('About!')" %></li>
  <li><%= link_to_function render(:partial => 'other'), "alert('Other!')" %></li>
</ul>