jquery - Backbone.js 无限分页显示问题

Question

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

这是我的模板（我使用 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);

Answer 1

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

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