javascript - Prototype Ajax Updater 无法正确更新页面

Question

我正在使用 Prototype Ajax Updater(通过 Rails link_to_remote)在 div 底部插入一些从服务器返回的 HTML。正确的 HTML 已插入到正确的位置，但是 div 底部的新 HTML 显示在现有页脚的顶部。

如果内容最初是页面的一部分，则页脚将呈现在该内容之后的较低位置。然而，当插入额外的内容时，页脚保持在原来的位置，新内容显示在页脚的顶部。

更新:下面是查看代码。页面本身在这里:http://likily-stage.heroku.com/newest_members

Controller 非常基本，因为它只是调用模型来请求下一批记录:

<h1>Newest Members</h1>
  <div id="member_list">
    <% @people.each do | person |  %>
      <div class="item connection">
        <%= insert_profile_pic(person) %>
        <div class="info">
          <h2><%= link_to h(person.full_name), person %></h2>
          <p class="author">Joined in <%= person.created_at.strftime("%B %Y") %></p>
          <ul>
            <li><span><%= person.reviews.count.to_s %></span> recommendations</li>
            <li><span><%= person.lists.count.to_s %></span> lists</li>
            <li><span><%= person.friends.count.to_s -%></span> connections</li>
          </ul>
        </div>
      </div>
    <% end %>

    <div id="button_div">
      <% if @people.last.id > 1 %>
        <% offset_param = "'offset=" + @next_offset.to_s + "'" %>
        <p>
        <%= button_to_remote "Show More..." , {:url => {:action => 'more_members'},
             :update => 'member_list', :position => :bottom, :with => offset_param,
             :before => "removeElement('member_list','button_div'); Element.show('spinner_div')",
             :after => "Element.hide('spinner_div')"} ,  
             :id => "more_people_button", :class => "button green wide_button" %>
        </p>
      <% end %>
    </div>
  </div>

Answer 1

您将 #member_list 和 #content div 的高度设置为 860px。因此，当您添加内容时，div 不会增长以适应(这会将页脚向下推)，而只是溢出