在Django JavaScript文件中引用其他静态文件

Question

我需要将文件加载到与电话自动格式化程序库一起使用的函数中（国际电话输入），当我在独立的html页面中尝试此操作时，它工作正常，但是当我尝试在django项目中进行操作时，文件只是没有加载，我认为这是因为找不到路径中的位置。

main.js和utils.js都在我项目的静态目录中，所以我不确定为什么找不到utils.js文件。

main.js：

$(document).ready(function() {
    $("#phoneNumber").intlTelInput({
        utilsScript: "utils.js"
    });
});

Answer 1

在需要引用JavaScript中的服务器端路径的情况下，我要做的是在最上面的模板中设置一个“ app”对象，我可以在随后加载的JavaScript文件（通常是require.js）中引用该对象。

例：

# base.html (upper-most template)
<!DOCTYPE html>{% load static from staticfiles %}
    <html>
        <head>. . .</head>
        <body>
            . . .
            <script>
                var myApp = {
                    staticUrl: '{{ STATIC_URL }}'
                }
            </script>
            <script src="{% static 'js/some-file.js' %}"></script>
        </body>
    </html>

# some-file.js

'use strict';

$(document).ready(function(){
    console.log(myApp.staticUrl);
});

Answer 2

查看您的URL调度程序（ urls.py ），以了解可能请求静态文件的实际路径是什么。

例如，在我的一个项目中，JavaScript文件位于/static/js/ 。

因此，举例来说，如果您的配置也是如此，那么您可以-

$(document).ready(function() {
    $("#phoneNumber").intlTelInput({
        utilsScript: "/static/js/utils.js"
    });
});

那就是如果您想对URL进行硬编码。 您可以在模板或模板引擎未处理的.js文件中执行此操作。

但是，如果您使用的是模板，我建议您使用staticfiles应用程序，尤其是使用static模板标记，该标记可帮助您建立文件的路径。

在Django JavaScript文件中引用其他静态文件

问题描述

2 个解决方案

解决方案1
1 已采纳 2015-06-03 02:33:51

解决方案2
0 2015-06-03 03:02:20

在Django JavaScript文件中引用其他静态文件

问题描述

2 个解决方案

解决方案1 1 已采纳 2015-06-03 02:33:51

解决方案2 0 2015-06-03 03:02:20

解决方案1
1 已采纳 2015-06-03 02:33:51

解决方案2
0 2015-06-03 03:02:20