首页 > 解决方案 > Javascript 未反映在 Django 项目中

问题描述

我试图在我的页面中显示一个轮播框/横幅,但我遇到了它没有出现的 JavaScript 问题。我从https://codepen.io/StephenScaff/pen/egOedp/借用了 HTML/CSS 和 JS ,我正在尝试将相同的概念应用于我的 Django 项目。

我已经在一个名为的文件中添加了 HTML,projects.html在基础文件中我已经链接了一个新的 CSS 文件simple.css,它在我的 Django 项目项目中工作,但我的问题是当我尝试实现 JS 文件时,这是我的试验中发生的事情.

也没有显示下一个和上一个按钮

试用1 我在HTML文件下添加了 projects.html但是js代码像普通文本一样出现在banner图片下

{% block script %}
Added the JS code...
{% endblock script %}

在我的 base.html 文件中的试用 2 我创建了一个名为 simple.js 的新文件并添加到静态文件夹并链接它,但它仍然没有反映在服务器上。

    <script src="{% static 'simple.js' %}"></script>

我的问题 是我做错了什么导致这种混乱以及如何为我的项目实现这个简单横幅的 JS 代码。

标签: javascripthtmlcssdjango

解决方案


首先,运行python manage.py collectstatic并确保您的静态文件位于正确的目录中(manage.py 会告诉您它复制或更改了多少文件),其次使用 shift + F5 重新加载浏览器而不缓存内容(或者像我喜欢叫它,真的重装)。


推荐阅读