在Django 1.7中包含静态js文件

本文介绍了在Django 1.7中包含静态js文件的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

这是 settings.py 的一部分：

STATIC_URL = '/static/'

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)

HTML模板：

{% load staticfiles %}
...
<head>
    <title>HelpDesk System</title>
    <script scr="{% static "js/vendor/jquery.js" %}" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="{% static "css/foundation.css" %}">
    <script scr="{% static "js/foundation.min.js" %}" type="text/javascript"></script>
</head>
<body>
<script>
    $(document).ready(function() {
        $(document).foundation();
    });
</script>
...
</body>

静态文件夹树：

结果：

Css文件按预期加载，但是js没有加载，并且发生错误：找不到变量：$

Css file loads as expected, but js does't and error occurs: Can't find variable: $

推荐答案

您的脚本标签似乎包含用于指定来源的错误属性。

It looks like your script tags contain the wrong attribute for specifying the source.

<script src="{% static "js/vendor/jquery.js" %}" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="{% static "css/foundation.css" %}">
<script src="{% static "js/foundation.min.js" %}" type="text/javascript"></script>

这篇关于在Django 1.7中包含静态js文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！