Django Static js files not working

Question

Well my template code.

<!DOCTYPE html>
<html>
<head>
{% load staticfiles %}
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript" src="{% static 'website/staffaddproblem.js' %}"></script>
    <title>Dashboard</title>
    <link href="{% static 'website/style.css' %}" rel="stylesheet" type="text/css"/>
</head>
<body>
        body
</body>
<html>

As you can see it has a css file. which is working properly, but java script file does not work. when i load the page its source looks like this.

When i click the link it loads the file too its there its linking fine but its not working . there is no problem in code js code working fine when written in same file.

Community · Accepted Answer · 2018-05-31 07:39:56Z

11

Have you changed the settings.py file to include staticroot?

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')

Here's a part of my template which works with both js and css files.

{% load static %}
<html>
<head>
<link type="text/css" rel="stylesheet" href="{% static 'css/materialize.min.css' %}">
<link type="text/css" rel="stylesheet" href="{% static 'css/stylesheet.css' %}">
<script type="text/javascript" src="{% static 'js/jquery-1.11.3.min.js' %}"></script>
<title>

The directories are as follows:

 - static
     -js
         - jquery-1.11.3.min.js
     -css     
         - stylesheet.css
         - materialize.min.css
 - templates
     -index.html

edited May 31, 2018 at 7:39

CommunityBot

11 silver badge

answered Aug 17, 2015 at 7:16

Abhyudit Jain

3,7582 gold badges26 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ayub Khan Over a year ago

Sorry my mistake just putted code in document.ready and its working fine now.

Abhyudit Jain Over a year ago

@AyubKhan hahaha. No problem. Please accept this answer as the correct one if it helped you in any way.

Collectives™ on Stack Overflow

Django Static js files not working

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related