首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >脚本在django模板中不起作用

脚本在django模板中不起作用
EN

Stack Overflow用户
提问于 2017-08-02 21:57:44
回答 2查看 510关注 0票数 0

我尝试使用this教程,但由于某些原因,JS在我的模板中什么也不做。

我复制了其中的每个步骤,添加了一个id为“newItems”的锚点div,并按要求包含了无限滚动脚本。

我的模板如下所示:

代码语言:javascript
复制
<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:

代码语言:javascript
复制
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:

代码语言:javascript
复制
    url(r'^test/$', views.debate_archive, name='home'), 

有什么想法吗?

EN

回答 2

Stack Overflow用户

发布于 2019-02-22 17:25:32

问题似乎与另一个模板中的模板有关。我也遇到过同样的问题,但找不到解决方案。如果来自静态的脚本位于另一个模板的模板中,则不会加载这些脚本,也不会执行内联脚本。

票数 1
EN

Stack Overflow用户

发布于 2020-02-10 16:24:33

我也有同样的错误。在控制台中chrome说:Uncaught TypeError: $ is not a function这里是和我一起工作的解决方案:你必须使用jQuery,并且不使用$(这是为了与其他库兼容)如果你必须使用$(document).ready(function(){,你实际上可以将$传入函数调用:

代码语言:javascript
复制
jQuery(function ($) { ...

查找更多here

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45462989

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档