Question

假设加载了一个新页面，其中包含一个条目（即snapgroup）。我可以在html中查看包含该一个加载条目的源页面。所以当我向下滚动时，它会加载另一个条目。现在当我查看源页面时没有任何更改，并且新加载的条目不包含在html中，只存在第一个条目而不是两个条目。

然而，它确实显示在浏览器中。由于我正在使用灯箱，当我从滑块打开第二个条目的图像时，它会打开图像，但如果我单击下一个，它将开始仅显示第一个条目的图像。这是怎么回事？

我遇到了这个question。但我们的问题都不同。

def snaps(request,template = 'snaps.html',
                  page_template = 'snapgroups.html' ):

    context = {}    
    snapgroup = SnapGroup.objects.order_by('-date')

    context.update( {'snapgroup': snapgroup, 'page_template': page_template,} )

    # override the template and use the 'page' style instead.
    if request.is_ajax():
        template = page_template

    return render_to_response(
        template, context, context_instance=RequestContext(request) )

snaps.html：

{% extends "base.html" %}

{% block main_content %}
<div id="main_content">
    <div id="snap_wrapper" class="container">
        <hr>
        {% if snapgroup.count > 0 %}

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

            {% block js %}
                <script src="http://code.jquery.com/jquery-latest.js"></script> 
                <script src="{{ STATIC_URL }}endless_pagination/js/endless_on_scroll.js"></script>
                <script src="{{ STATIC_URL }}endless_pagination/js/endless-pagination.js"></script>
                <script>
                    $.endlessPaginate({paginateOnScroll: true,
                    endless_on_scroll_margin : 10
                    });
                </script>
            {% endblock %}           

        {% else %}
            <li><p>No SNAPGROUP yet!</p></li>
            <span class="clear_both"></span>
        {% endif %}

    {% load disqus_tags %}
    {% disqus_show_comments %}

    </div>

</div>
{% endblock %}

snapgroups.html：

{% load endless %}

{% paginate 1 snapgroup %}

{% for sg in snapgroup %}
    <h4 id="combination" class="snap_date">{{sg.date|date:'l'}}, {{sg.date}}</h4>
    <ul>
    {% for snap in sg.snap_set.all %}
        <li><a href="{{MEDIA_URL}}{{snap.image}}" data-imagelightbox="f"><img src="{{MEDIA_URL}}{{snap.image}}" alt="{{snap.caption}}" /></a></li>
    {% endfor %}
        <span class="clear_both"></span>
    </ul>
{% endfor %}

{% show_more "more..." "working" %}

加载新对象时，django-endless-pagination

0 个答案: