Question

3

Django Static js files not working

rated 0 times [ 5] [ 2] / answers: 1 / hits: 16156 / 9 Years ago, mon, august 17, 2015, 12:00:00

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.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

neildrews

Add To Favorites

Follow

Total Points: 166

Total Questions: 103

Total Answers: 85

Location: Moldova

Member since Sat, Aug 6, 2022

2 Years ago

neildrews questions

1 scrollIntoView() doesn't scroll anywhere

Fri, Feb 18, 22, 00:00, 2 Years ago

1 MUI - makeStyles - Cannot read properties of undefined

Tue, Oct 12, 21, 00:00, 3 Years ago

1 How to select an option of a slim select with jquery

Tue, Mar 23, 21, 00:00, 3 Years ago

1 Angular: How to refresh a part of html ( form / div / table )

Wed, Aug 19, 20, 00:00, 4 Years ago

1 How to access plugin from nuxt.js store?

Sun, Aug 16, 20, 00:00, 4 Years ago

View All

answered 9 Years ago beatriceisabelad · Accepted Answer

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