1 つのエントリ (つまり ) を含む新しいページが読み込まれたとしsnapgroup
ます。そして、HTML に読み込まれた 1 つのエントリを含むソース ページを表示できます。下にスクロールすると、別のエントリが読み込まれます。ソース ページを表示すると、何も変更されておらず、新しく読み込まれたエントリが html に含まれていません。2 つのエントリではなく、最初のエントリのみが存在します。
ただし、ブラウザには表示されます。また、ライトボックスを使用しているため、スライダーから 2 番目のエントリの画像を開くと、画像が開きますが、[次へ] をクリックすると、最初のエントリからのみ画像が表示されます。どうしたの?
この質問に出くわしました。しかし、私たちの両方の質問は異なります。
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" %}