ruby-on-rails - 使用 ajax 和 rails 加载内容

Question

可能重复：
如何在特定页面上显示 Ajax 微调器？

我有这个带有 2 个选项卡的导航菜单：

<div id="user_menu">
 <ul class="nav nav-tabs">
  <li class="active"><%= link_to "Group1", group1_friends_path(@user), :remote => true %></li>
  <li><%= link_to "Group2", group2_friends_path(@user), :remote => true %></li>
 </ul>
</div>

我已经设法让 Ajax 呈现某些部分。现在，当我单击选项卡时，部分会加载到我的目标占位符 div 中。

tab.js：我放在assest/javascripts/

$(function() {
    $('#user_menu a').click(function (e) {
        $('ul.nav-tabs li.active').removeClass('active')
        $(this).parent('li').addClass('active')
        $("#friends-data").fadeOut(function(){
            $("#loading-indicator").fadeIn();
        });
    });
});

我不喜欢同时显示所有内容并让用户等待所有 http 请求呈现。我想显示一个加载栏，当所有 http 请求完成后，隐藏加载栏并显示内容。

Right Know 更具有戏剧性而非功能性。任何帮助，示例将不胜感激。