javascript和CSS文件在dJango中无法正常工作。我尝试了所有可能的方法。我已经在下面附加了Index.html和settings.py文件的代码。
// Index.html
{% load static %}
<title>Careers — Website Template by Colorlib</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="{% static 'css/custom-bs.css' %}">
<link rel="stylesheet" href="{% static 'css/jquery.fancybox.min.css'%}">
<link rel="stylesheet" href="{% static 'css/bootstrap-select.min.css'%}">
<link rel="stylesheet" href="{% static 'fonts/icomoon/style.css'%}">
<link rel="stylesheet" href="{% static 'fonts/line-icons/style.css'%}">
<link rel="stylesheet" href="{% static 'css/owl.carousel.min.css'%}">
<link rel="stylesheet" href="{% static 'css/animate.min.css'%}">
<link rel="stylesheet" href="{% static 'css/style.css'%}">
<!-- SCRIPTS -->
<script src="{% static 'js/jquery.min.js'%}"></script>
<script src="{% static 'js/bootstrap.bundle.min.js'%}"></script>
<script src="{% static 'js/isotope.pkgd.min.js'%}"></script>
<script src="{% static 'js/stickyfill.min.js'%}"></script>
<script src="{% static 'js/jquery.fancybox.min.js'%}"></script>
<script src="{% static 'js/jquery.easing.1.3.js'%}"></script>
<script src="{% static 'js/jquery.waypoints.min.js'%}"></script>
<script src="{% static 'js/jquery.animateNumber.min.js'%}"></script>
<script src="{% static 'js/owl.carousel.min.js'%}"></script>
<script src="{% static 'js/custom.js'%}"></script>
// Settings.py
STATIC_URL = '/static/'
STATICFILES_DIRS = (
os.path.join(BASE_DIR, "static"),
)
# Application definition
INSTALLED_APPS = [
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'bootstrap3',
]