jquery - 单击链接后在div中局部渲染

我有一个像这样的边栏；

<div id = "sidebar-links">
      <% @locations.each do |locs| %>
        <p style = "border-bottom: 1px black solid">
        <a href = "#" class = "sidebar-click"><%= locs['Address'] %></a></p>
      <% end %>
    </div>

每当单击侧栏链接之一时，我也想在另一个div id = "container"中渲染一个局部，并且还希望将locs作为局部变量传递给该局部；

我将如何去做？

最佳答案

首先尝试使用link_to辅助方法：

<%= link_to locs['Address'], ajax_link, :remote => true, :html => {:class => "sidebar-click"} %>

然后，您应该创建一个js绑定来处理该ajax响应，例如：

$(function() {
  $(".sidebar-click").bind("ajax:success",
    function(event, data){
      $("#container").html(data);
  });
});

更新：
请检查以下文档：
http://apidock.com/rails/ActionView/Helpers/PrototypeHelper/link_to_remote