javascript - Django Endless Pagination twitter 样式分页不起作用(更改未反射(reflect)在 html 上)

Question

我正在尝试使用 Endless Pagination 来实现 Twitter 风格的分页。问题是当我单击“显示更多”时，会显示“正在加载”，但更新的条目不会显示在浏览器中。我检查了ajax响应，它是正确的。当我将js放入另一个文件并调试它时，我发现调试时更新了DOM，但我的浏览器没有显示更新的内容。有人可以帮助我吗？谢谢。

<div class="feeds 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 }}endless_pagination/js/endless-pagination.js"></script>
     <script>$.endlessPaginate();</script>
{% endblock %}

下面是我的page_template

{% load endless %}
{% load custom_filters %}

{% lazy_paginate notifications %}

{% for notification in notifications %}
     <code to display notification>
{% endfor %}

{% show_more "show more"%}

这是我的 View 类:

class HomeView(generic.ListView):
    page_template_name = 'archive/home.html'
    page_template = 'archive/notification.html'

@method_decorator(login_required)
def dispatch(self, *args, **kwargs):
    return super(HomeView, self).dispatch(*args, **kwargs)

def get(self, request, template="archive/home.html", *args, **kwargs):
    try:
        #notification_list = retrieve_feed(request= request)
        notification_list = retrieve_checkups(request=request)
        <code to get notifications>

    context = {'notifications': notification_list, 'is_doctor': is_doctor, 'docpat': docpat,
               'totalp': totalp, 'newp': newp, 'totalc': totalc, 'newc': newc,
               'profile_picture': profile_picture, 'page_template': self.page_template}

    return render(request, template, context, context_instance=Util.custom_context(request))

Answer 1

您似乎缺少 if request.is_ajax(): template = page_template 子句。

当发出 ajax 请求时，这会将模板从 archive/home.html 更改为 archive/notification.html。因此，它会根据每个请求将该新模板包含到更大的模板中。

引用http://django-endless-pagination.readthedocs.io/en/latest/twitter_pagination.html#split-the-template