【问题标题】:Particle.js not showing on Django (JS and CSS not functioning)Particle.js 未在 Django 上显示(JS 和 CSS 不起作用)
【发布时间】:2019-09-19 15:00:43
【问题描述】:

我不知道我做错了什么,但粒子无法正确显示。对 django 来说有点新,我想了解一下为什么会发生这种情况。 注意:这是一个名为 djangoTrial1 的项目中名为 MUNFair 的应用程序。 HTML

{%load static%}
.
.
.
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/particlesjs/2.2.2/particles.min.js"></script>
    <script src="{%static 'fair/particles.js' %}">
    </script>

    <div id="particles-js">
        <h1>Text to go here</h1>    
    </div>

settings.py

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR,'static')
STATICFILES_DIRS = [
   os.path.join(BASE_DIR, 'MunFair/static'),
]

目录路径


+---djangoTrial1
|   |   settings.py
|   |   urls.py
|   |   wsgi.py
|   |   __init__.py
|   |   
|           
+---MunFair
|   |   admin.py
|   |   apps.py
|   |   models.py
|   |   tests.py
|   |   urls.py
|   |   views.py
|   |   __init__.py
|   |   

|   +---static
|   |   \---fair
|   |       |   .gitignore
|   |       |   bower.json
|   |       |   Fair.css
|   |       |   LICENSE.md
|   |       |   package.json
|   |       |   particles.js
|   |       |   particles.min.js
|   |       |   README.md
|   |       |   
|   |       \---demo
|   |           |   debug.log
|   |           |   index.html
|   |           |   particles.json
|   |           |   
|   |           +---css
|   |           |       style.css
|   |           |       
|   |           \---js
|   |               |   app.js
|   |               |   
|   |               \---lib
|   |                       stats.js
|   |                       
|   +---templates
|   |       debug.log
|   |       FairHome.html



我认为引用了正确的目录,因为服务器运行没有问题。

【问题讨论】:

  • 如果您检查您的网页,您是否看到它是否已加载或是否出现错误? (右键单击、检查、控制台)
  • 当我检查时我可以看到那里的代码,没有错误但它仍然没有显示实际的粒子效果
  • 关于这个问题的任何更新?我现在也面临同样的问题。

标签: django particles


【解决方案1】:

确保你在settings.py中有debug = true,或者做manage.py collectstatic,你也可以尝试用cdn加载它

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-06-30
    • 1970-01-01
    • 2015-08-05
    • 1970-01-01
    • 1970-01-01
    • 2016-05-25
    相关资源
    最近更新 更多