backbone.js无限分页显示问题

Question

我正在使用主干infinite pagination。看看这个图像。在点击“更多”之前，一切都很好。一旦我点击“更多”，那么新的结果会很好地添加，但“更多按钮”不会被下压。

这是我的模板（我使用Twitter的引导），虽然我也尝试了“用户列表”分区也没有工作后直接把“更多”按钮。

<div class="row"> 
    <div class="span2"> 
     <div id="users-list" style="height:50px"></div>   
    </div> 
</div> 


<div class="row"> 
    <div class="span2"> 
     <ul class="pager"> 
      <li> 
      <a href="#" id="more">More</a> 
      </li> 
     </ul> 
</div> 
</div> 

这里是我的视图代码添加新的结果：

//in initialize() 
    this.list = $("#users-list", this.el) 

    ... 

    //in render() 
    _.each(this.model.models, function (user) {    
     this.list.append(new User({model:user}).render().el); 
    }, this); 

Answer 1

它看起来像这个问题是因为你有50像素集的高度，以你的用户列表。我不确定为什么你首先要做到这一点，但可能有一个原因，但是当你动态添加更多的项目时，高度要么需要动态增长，要么只需删除它。

<div id="users-list" style="height:50px"></div>