backbone.js无限分页显示问题

Question

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

这是我的模板（我使用twitter bootstrap），虽然我也尝试将“更多”按钮直接放在“users-list”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>