2013-08-06 4 views
0

나는 가능한 한 문서를 잘 읽었습니다. 하지만 여기서 실수를 지적 할 수는 없습니다.django-endless-pagination에서 스크롤 할 때로드를 활성화하는 방법은 무엇입니까?

내보기가 이렇게 보입니다.

class ProductListView(LoginRequiredMixin, AjaxListView): 
    model = Product 
    paginate_by = 12 
    template_name = 'products_list.html' 
    page_template = 'products_page.html' 

템플릿

<div class="row"> 
    <ul id="products_list" class="thumbnails endless_page_template"> 
    {% include page_template %} 
    </ul> 
</div> 

페이지 템플릿

{% load endless %} 
{% paginate 8 products_list %} 
{% for product in products_list %} 
    <li class="span3"> 
     . 
     . 
     . 
     <!-- each item html --> 

    </li> 
{% endfor %} 
{% show_more %} 

그리고 이것이 내가 같은 페이지에 내부 스크립트 태그를 넣어 것입니다.

$(document).ready(function(){ 
     $.endlessPaginate({ 
       paginateOnScroll: true, 
       paginateOnScrollMargin: 20,         
     }); 
}); 

나는이 질문을 보았다 - django-endless-pagination doesn't seem to be using AJAX을하지만, 거기에 어떤 해결책을 찾지 못했습니다. 스크롤 끝에 도달하면 콘솔에 네트워크 호출이 표시되지 않습니다. 끝 부분에 show_more 링크가있는 페이지가로드됩니다. show_more 링크를 클릭하면 ajax를 통해 항목의 다음 페이지가로드되지만 paginateOnScroll:true으로 설정하면 자동으로 실행되지 않습니다.

+0

show_more 템플릿의 내용을 어떤 방법 으로든 사용자 지정 했습니까? 링크에는 endless_more 클래스가 있어야합니다. 또한, 그 후에 쉼표를 제거 할 수도 있습니다. – Germano

+0

예. 클래스가 있습니다. 나는 그것을 어떤 식 으로든 커스터마이징하지 않았다. – manu

+0

나는 쉼표가 중요하다고 생각하지 않는다. 그렇다하더라도, 나는 그것을 제거하고 점검했다. 여전히 작동하지 않습니다. – manu

답변

0

endless_pagination.js로 문제를 해결 한 후 수정 사항을 발견했습니다. 그것은 나를 위해 작동합니다. 여기에 끌어 오기 요청을 제출했습니다. - https://github.com/frankban/django-endless-pagination/pull/52

+0

나를 위해 문제를 해결하지 못했습니다 –

+0

@ 카림톤이 직면 한 문제는 무엇입니까? 이 앱에서 사용하는 올바른 jquery 버전을 사용하고 있는지 확인 했습니까? – manu

+0

귀하가 설명한 문제와 동일합니다. 스크롤 할 때 아무런 변화가 없으며 페이지 끝에 "more"링크가 나타납니다. Jquery의 최신 버전을 사용하고 있습니다. 앱을 사용하려면 버전이> = 1.7이 필요합니다. –