장고 끝 페이지 매김

Question

내가 다음 장고 템플릿이 있습니다

<div id = 'test'> 
     <form> 
      <ul id = 'dialog_list_container'> 
       {% include page_template %} 
       {% block js %} 
        {{ block.super }} 
        <script src="/static/js/el-pagination.js"></script> 
        <script src="/static/js/el-pagination_on_scroll.js"> 
        </script> 
        <script> 
         $("#test").endlessPaginate({ 
          paginateOnScroll: true, 
          paginateOnScrollMargin: 100 
         }); 
        </script> 
       {% endblock %} 
      </ul> 
      <div class="ajax_loader"></div> 
     </form> 
    </div> 

test가 스크롤 할 수있는 요소를 :

#test{ 
    overflow-y: auto; 
    height: 500px; 
} 

문제는 내가 수동으로 눌러야한다는 것입니다 페이지 번호 매기기 목록 하단에 Show more 링크가있는 반면, test 하단으로 스크롤하면 자동으로 새 레코드가 업로드 될 것으로 예상됩니다. 브라우저 창을 스크롤하는 경우 스크롤 단추에 대한 장고의 페이지 매김이 원인이라고 생각합니다.

django가 CSS overflow-y: auto 속성이있는 컨테이너의 경우 새 레코드를 업로드하는 데 어려움이 있습니까?

Answer 1

$.endlessPaginate은 전체 페이지에 바인딩됩니다. 하나의 요소에만 초점을 맞추려면 해당 요소를 구체적으로 타겟팅해야합니다.

$("#test").endlessPaginate({ 
    paginateOnScroll: true, 
    paginateOnScrollMargin: 20 
}); 

P.S. ID (및 클래스)의 표준은 밑줄이없는 하이픈입니다. #dialog-list-container