How to use jQuery with Django?

Question

I am interested in using the jQuery tablesorter but somehow am unable to. I have followed the instructions and have placed jquery.js and the tablesorter.js in the same folder as my templates (the folder where the html file is). Unfortunately, when trying to access the .js files, it keeps hitting a 404, which I'm assuming means that the files are not on the correct path. Any ideas for this fix?

Does django have a special place to place these js files? (not in the templates folder?)

<script type="text/javascript" src="jquery-latest.js"></script> 
<script type="text/javascript" src="jquery.tablesorter.js"></script>
<script type ="text/javascript">
    $(document).ready(function() 
    { 
       $("#myTable").tablesorter(); 
    } 
);

The myTable is the same exact table as the one in the examples

@user1530318 I think you've misunderstood the template system -- it's a good idea to start over and understand how django answers http request with the url dispatcher, calls a view, renders a template with context data etc... — benjaoming
– benjaoming, Commented Jul 17, 2012 at 15:44

Clément Andraud · Accepted Answer · 2012-07-17 15:44:44Z

5

For jQuery, you can use Google API :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

And for Django, Did you configure a path for your scripts/médias etc... ? (in settings.py maybe ?)

answered Jul 17, 2012 at 15:44

Clément Andraud

9,26927 gold badges89 silver badges162 bronze badges

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

Comments

machaku · Accepted Answer · 2012-07-17 16:19:01Z

4

Usually jquery, js, css, images and most of other static contents are handled as static files and not as django templates. Read managing static files docs.

answered Jul 17, 2012 at 16:19

machaku

1,1968 silver badges7 bronze badges

Comments

Chirael · Accepted Answer · 2015-02-22 01:32:48Z

To add to what others have written, if you want to make JQuery available throughout your site/app and you don't like external dependencies such as Google you can do the following:

Download the latest "compressed, production" JQuery at https://jquery.com/download/ - for example, on the command line in your static directory (might be <projectname>/static): wget https://code.jquery.com/jquery-2.1.3.min.js
Add a reference to load JQuery in your site's "base" template file (might be <projectname>/<appname>/templates/base.html) - for example: Add <script src="{% static 'jquery-2.1.3.min.js' %}"></script> in the <head> section
Test the JQuery installation by adding something like the following to one of your templates:

<script type="text/javascript"> $(document).ready( function(){ $("#jqtest").html("JQuery installed successfully!"); } ); </script> <p id="jqtest"></p>
If necessary/usual after making template updates, restart your Django server, then load a page which uses the template with the test code

Collectives™ on Stack Overflow

How to use jQuery with Django?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related