Backbone.js 无限分页显示问题答案

【问题标题】：backbone.js infinite pagination display issueBackbone.js 无限分页显示问题
【发布时间】：2012-07-03 03:41:22
【问题描述】：

我正在使用主干网infinite pagination。看看这张图片。在我点击“更多”之前，一切正常。一旦我点击“更多”，新结果就会被很好地添加，但“更多按钮”不会被按下。

这是我的模板（我使用 twitter 引导程序），尽管我也尝试将“更多”按钮直接放在“用户列表”div 之后，但这也不起作用。

<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);

【问题讨论】：

标签： jquery html backbone.js twitter-bootstrap backbone.js-collections

【解决方案1】：

看起来问题是因为您为用户列表设置了 50 像素的高度。我不知道你为什么首先有这个，这可能是有原因的，但是当你动态添加更多项目时，高度要么需要动态增长，要么你可以简单地删除它。

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

【讨论】：