Question

我在使用django的js库时遇到问题。我正在尝试使用particle.js库为主页生成粒子背景，并尝试关注this tutorial。

我在静态文件夹中创建了particle.json和style.css。

更新版本（使用静态文件）

home.html

<!-- templates/home.html --> 
{% load socialaccount %}
{% load account %} 
{% load static %}

<head>
    <link rel="stylesheet" href="{% static 'style.css' %}"> </head>

<body>
    <div id="particles-js">

        {% if user.is_authenticated %}
        <p>Welcome {{ user.username }} !!!</p>


        <a href="/accounts/logout/" >Logout</a>
        {% else %}
        <a href="{% provider_login_url 'github' %}">Log In with Github</a>
        <a href="{% provider_login_url 'twitter' %}">Log In with Twitter</a>
        <a href="{% provider_login_url 'facebook' %}">Log In with Facebook</a>
        <a href="{% provider_login_url 'linkedin' %}">Log In with LinkedIn</a>
        {% endif %}
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/particlesjs/2.2.2/particles.min.js"></script>
    <script>
        particlesJS.load('particles-js', '{% static 'particles.json' %}', function(){
            console.log('particles.json loaded...');
        });
    </script> </body>

在settings.py

中定义了静态路径

STATIC_URL = '/static/'
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

STATICFILES_DIRS = [
   os.path.join(BASE_DIR, 'artemis/static')
]

和我的urls.py文件

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url('accounts/', include('allauth.urls')),
    url('', views.Home.as_view(), name='home'),
] + static(settings.STATIC_URL)

当我启动服务器时，我在控制台中收到以下错误：

GET http://127.0.0.1:8000/static/ net::ERR_ABORTED
Uncaught ReferenceError: particlesJS is not defined

项目结构：

我刚刚开始学习django，所以我知道这可能听起来像个愚蠢的问题，但不知道这里可能出现什么问题？

Answer 1

Django无法解析余数：

<meta http-equiv="refresh" content="2; url=javascript:history.back();">这应该是{% static style.css %}带引号

{% static 'style.css' %}应为{% static particles.json %}并带引号

在Django中使用JS库

1 个答案: