javascript - Django:从静态文件目录中的js引用静态文件

标签 javascript python django templates django-staticfiles

我正在尝试从 Django 项目静态文件目录中的 js 文件调用静态文件。
这是一个例子。
在我的模板中,我通过以下方式从静态文件调用 js:

{% load staticfiles %}
...
<script src="{% static 'js/init.js' %}"></script>
...

到目前为止没有问题。
因此,我有一个名为 init.js 的静态文件,它具有包含以下代码行的函数:

global: { href: 'css/style.css', containers: '70em', grid: { gutters: ['2.5em', 0] } },

其中 init.js 是静态文件,css/style.css 也是静态文件。
按以下方式更改代码自然会导致 init.js 文件出现问题,无法识别 python/Django 代码

{% load staticfiles %}
global: { href: "{% static 'css/style.css' %}", containers: '70em', grid: { gutters: ['2.5em', 0] } },

有没有办法像这种情况一样直接从另一个静态文件调用静态文件?
谢谢!

最佳答案

您可以将其保存在模板中的某个位置

<script type="text/javascript" charset="utf-8">var tem_css_location = {% static 'css/style.css' %}</script>

现在你可以在 init.js 中调用 tem_css_location 了:

<script type="text/javascript" charset="utf-8">var tem_css_location = {% static 'css/style.css' %}</script>
<script src="{% static 'js/init.js' %}"></script>

在 init.js 中将如下所示:

global: { href: tem_css_location, containers: '70em', grid: { gutters: ['2.5em', 0] } },

关于javascript - Django:从静态文件目录中的js引用静态文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30798321/

相关文章:

javascript - Angular ngrx Prop 中没有重载匹配此调用

python - 循环单击表中的 anchor 标记,但使用 css 选择器 python selenium

python - 将Pig嵌入Python

python - 如何在 Django 中获取查询集的所有子项?

javascript - onsubmit 属性无法打开新窗口

javascript - 隐藏();不会隐藏 map 图像

python - 在python中导入文件

python - Django-rest-framework 与 django OAuth 2.0 提供身份验证错误

python - React - 具有动态 'output' 的 Django webpack 配置

javascript - Jquery.each() 无法遍历文字数组