jquery - 根据单击的 link_to 渲染部分内容

Question

我有一个链接列表，单击时我希望它通过 Ajax 显示其相关部分，我已成功呈现第一个链接，但希望实现一些 if 语句来识别哪个 link_to 已被单击。如何区分链接？

<ul class="nav nav-tabs">
<li><%= link_to 'Home', posts_path %></li>
<li><%= link_to 'Tynewydd', posts_path, :remote => true %></li>
<li><%= link_to 'Woodside', root_path %></li>
<li><%= link_to 'Sandpiper', root_path %></li>
<li><%= link_to 'Outreach', root_path %></li>
<li><%= link_to 'Company', root_path %></li>
<li><%= link_to 'Staff', root_path %></li>
</ul>

index.js.erb

$('#newsResults').html('<%= escape_javascript(render partial: 'tynewyddposts') %>');

我在想这样的事情

<% if params[:tynewydd] %>
$('#newsResults').html('<%= escape_javascript(render partial: 'tynewyddposts') %>');
<% end %>

但是使用什么作为参数呢？

任何人有任何想法，都卡在这里

Answer 1

尝试将您的链接更改为:

<%= link_to 'Tynewydd', posts_path(:type => 'Tynewydd'), :remote => true %>

然后在你的index.js.erb中:

<% if params[:type] == 'Tynewydd' %>
  $('#newsResults').html('<%= escape_javascript(render partial: 'tynewyddposts') %>');
<% end %>