在Django 1.7中包含静态js文件

Ana*_*sev 2 javascript django zurb-foundation

这是一部分settings.py

STATIC_URL = '/static/'

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)
Run Code Online (Sandbox Code Playgroud)

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>
Run Code Online (Sandbox Code Playgroud)

静态文件夹树:

结果:

CSS文件按预期加载,但js未加载,并发生错误: Can't find variable: $

sch*_*ngt 5

看来您的脚本标签包含错误的属性来指定源。

<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>
Run Code Online (Sandbox Code Playgroud)