Проблема с бесконечным отображением страницы backbone.js

Я использую магистральную бесконечную нумерацию страниц. Взгляните на это изображение. До того, как я нажму «больше», все в порядке. Как только я нажимаю «больше», новые результаты добавляются нормально, но кнопка «больше» не нажимается.

введите здесь описание изображения

это мой шаблон (я использую twitter bootstrap), хотя я также пытался поместить кнопку «больше» сразу после div «users-list», что также не сработало.

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

person Yaron Naveh    schedule 02.07.2012    source источник


Ответы (1)


Похоже, проблема в том, что для вашего списка пользователей установлена ​​высота 50 пикселей. Я не уверен, почему у вас это есть, во-первых, может быть причина, но когда вы динамически добавляете к нему больше элементов, высота либо должна расти динамически, либо вы можете просто удалить ее.

 <div id="users-list" style="height:50px"></div>   
person Amin Eshaq    schedule 02.07.2012