我试图遵循this教程但由于某种原因，JS在我的模板中什么都不做。
我复制了它中的每一步，添加了一个id为“newItems”的锚div，并包含了所要求的无限滚动脚本。
我的模板看起来像这样：
<body>
{% for i in "0123456789" %}
{% for j in "0123456789" %}
<li>{{i}} , {{j}}</li>
{% endfor %}
{% endfor %}
<a id="newItems">in here</a>
<script>
$(document).ready(function(){
$(window).bind('scroll', loadOnScroll);
});
// Scroll globals
...
SAME AS IN THE TUTORIAL
...
</script>
</body>
我的view.py：
def debate_archive(request):
debates = range(1,1000)
paginator = Paginator(debates, 10)
if request.method == 'GET':
if request.is_ajax():
if request.GET.get('page_number'):
# Paginate based on the page number in the GET request
page_number = request.GET.get('page_number');
try:
page_objects = paginator.page(page_number).object_list
except InvalidPage:
return HttpResponseBadRequest(mimetype="json")
# Serialize the paginated objects
resp = serialize_debates(page_objects)
return HttpResponse(json.dumps(resp), mimetype='json')
debates = paginator.page(1).object_list
return render(request, 'polls/example.html', locals())
我的urls.py：
url(r'^test/$', views.debate_archive, name='home'),
有任何想法吗？
问题似乎与另一个模板中的模板有关。我有同样的问题，但找不到解决方案。如果脚本位于另一个模板的模板中，则不会加载静态脚本，也不会执行内联脚本。