django-el (endless) -pagination이 AJAX로 wokring이 아닙니다.

Question

내 프로젝트에서 django-el-pagination (Digg 스타일 페이지 매김)을 사용하고 있지만 결과가 AJAX를 사용하지 않는 것 같습니다. 새로 고치지 않고 페이지를 이동해야하지만 Ajax가 제대로 작동하지 않는 것 같습니다.

view.py

@page_template('dmmactress/actress_dev_page.html') 
def actress_dev(request, id, extra_context=None): 
    instance = get_object_or_404(ActressInfo_two, pk=id) 
    moviesinfo = ActressinfoMovielist_co.objects.filter(actressinfo_id=id).prefetch_related('movielist').order_by('movielist') 

    context = { 
     'actresses': instance, 
     'moviesinfo':moviesinfo, 
    } 

    if extra_context is not None: 
     context.update(extra_context) 

    return render(request, 'dmmactress/actress_dev.html', context) 

{% load el_pagination_tags %} 
{% paginate moviesinfos %} 
{% for movieinfo in moviesinfo %} 
{{ movieinfo.movielist.movie_number|upper }} 
{% endfor %} 
{% get_pages %} 
{% if pages.paginated %} 
    {{ pages }} 
{% endif %} 

actress_dev_page.html

 ........ 
     <thead> 
     </thead> 
     <tbody id="entries" class="endless_page_template"> 
     {% include page_template %} 
     </tbody> 
     ........ 

actress_dev.html 결과 AJAX를 사용하지 않고 기본 페이징 동일하다. 또한 "페이지"링크를 클릭하면 "/? page = 2"로 이동합니다.이 페이지는 전체 페이지를 새로 고치며 원하는 것을 수행하지 않습니다.

그리고 Chrome 콘솔에서는 페이지를 새로 고침 할 때 로그가 표시되지 않습니다. (js 파일이 성공적으로로드되었습니다.)

무엇이 잘못 되었나요?

Answer 1

docs에있는 예제에 지정된 JS를 추가해야합니다. 템플릿에서

https://django-el-pagination.readthedocs.io/en/latest/javascript.html#javascript-pagination-on-scroll

from el_pagination.decorators import page_template 

@page_template('myapp/entry_list_page.html') # just add this decorator 
def entry_list(request, 
     template='myapp/entry_list.html', extra_context=None): 
    context = { 
     'entry_list': Entry.objects.all(), 
    } 
    if extra_context is not None: 
     context.update(extra_context) 
    return render(request, template, context) 

<h2>Entries:</h2> 
<div class="endless_page_template"> 
    {% include page_template %} 
</div> 

{% block js %} 
    {{ block.super }} 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script src="{{ STATIC_URL }}el-pagination/js/el-pagination.js"></script> 
    <script>$.endlessPaginate({paginateOnScroll: true});</script> 
{% endblock %}