jquery - backbone.jsの無限ページネーション表示の問題

Question

私はバックボーンの無限のページネーションを使用しています。この画像を見てください。[もっと見る]をクリックする前に、すべて問題ありません。「詳細」をクリックすると、新しい結果が正常に追加されますが、「詳細ボタン」は押されません。

これは私のテンプレートです（私はtwitterブートストラップを使用しています）が、「users-list」divの直後に「more」ボタンを配置しようとしましたが、これも機能しませんでした。

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