用ajax 3呈现不同的部分

Question

我试图让一个link_to通过jQuery ajax显示不同的部分，用于每个nav选项卡链接。

但是似乎无法让它工作，它将每个链接重定向到根索引。

我想点击我的导航菜单中的链接，并在profile-data div中显示该链接的部分：_grundskola.html.erb、_gymnasium.html.erb、_universitet.html.erb。

示例：

我理解，例如，导航链接" universitet“应该调用action def universitet，它调用universitet.js.erb，它在div中呈现部分_universitet.html.erb。

导航菜单-在show.html.erb中

 <ul class="nav nav-tabs">
  <li><%= link_to "Grundskola", :action => 'grundskola', :remote => true  %></li>
  <li class="active"><%= link_to "Gymnasium", :action => 'gymnasium', :remote => true %></li>
  <li><%= link_to "Universitet & Högskola", :action => 'universitet', :remote => true %></li>    
 </ul>

user_controller.rb

def universitet
    respond_to do |format|
      format.js
    end
  end

universitet.js.rb

$("profile-data").html("<%= escape_javascript(render(:partial => 'universitet')) %>");

_universitet.html.erb

<% groups = @user.friends.group_by(&:college_name) %>
<% sorted_groups = groups.sort_by{|key, values| values.count}.reverse %>
<% sorted_groups.each do |collegename, friends| %>
<% next if collegename.blank? %>
<div class="contentbox">
    <div class="box-header">
        <h3><%= collegename %></h3>
        <div class="meta-info">
            <p><i class="icon-map-marker"></i> Malmö</p>
            <p><i class="icon-user"></i><span class="count"> <%= friends.count %></span> vänner</p>
        </div>
    </div>
    <ul class="friends-list">
        <% friends.map do |friend| %>
        <li><%= image_tag(friend.image) %>
            <% end %> 
        </ul> 
    </div>
<% end %>

我得到了错误的链接结构，即html输出：

<li><a href="/auth/failure?action=universitet&amp;controller=users&amp;remote=true">Universitet &amp; Högskola</a></li>

任何帮助都将不胜感激。

Answer 1

尝试将格式添加到链接中

示例

<li><%= link_to "Grundskola", {:action => 'grundskola',:format=>:js}, :remote => true  %></li>