【问题标题】:Javascript not reflected on Django ProjectJavascript 未反映在 Django 项目中
【发布时间】:2021-05-28 04:10:15
【问题描述】:

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

我已将 HTML 添加到名为 projects.html 的文件中,并在基本文件中链接了一个新的 CSS 文件 simple.css 与 css 格式,在我的 Django 项目项目中工作但我的问题是当我尝试实现这里的 JS 文件是我试验中发生的。

下一个和上一个按钮也不显示

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

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

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

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

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

【问题讨论】:

  • 如果您显示您的 base.html 文件和 simple.js 文件的内容会很好。另外,正如我所见,它需要 jquery 库才能工作,您是否在 simple.js 之前包含了 jquery 库?

标签: javascript html css django


【解决方案1】:

你在静态文件替换后触发了这个命令吗?

python manage.py collectstatic

【讨论】:

    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-12-03
      • 2020-09-29
      • 1970-01-01
      • 2023-04-03
      • 2013-07-18
      • 1970-01-01
      • 1970-01-01
      • 2019-04-26
      相关资源
      最近更新 更多