My jquery function doesn't work with django

Question

Can't run jquery with my django html page.

I tried to run with html and it's work. But with django nothing happens.

Here's my main_page.html :

{% load static %}
<html>
    <head>
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <link rel="stylesheet" href="{% static 'js/blog.js' %}">
        <link rel="stylesheet" href="{% static 'css/blog.css' %}">

    </head>
    <body>
        <div class="form-group">
          <textarea class="text" style="display:inline" id="Textarea" ></textarea>
          <textarea class="text" style="display:inline" disabled="disabled" id="Textarea2"></textarea>

        </div>
        <button>Translate</button>
    </body>
</html>

and my blog.js file under static/js/blog.js :

$(document).ready(function(){
  $("button").click(function(){
    $("#Textarea2").hide();
  });
});

I expect for the Textarea2 to hide.

charlietfl · Accepted Answer · 2019-07-21 14:16:46Z

2

<link> is not for javascript, you need a <script> tag

Change

<link rel="stylesheet" href="{% static 'js/blog.js' %}">

To

<script src="{% static 'js/blog.js' %}"></script>

answered Jul 21, 2019 at 14:16

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

Comments

Saurabh Pabhare · Accepted Answer · 2019-07-21 14:11:18Z

0

Make sure your setting.py has STATIC_URL = '/static/'
Set the STATIC_ROOT setting to the directory from which you’d like to serve these files STATIC_ROOT = "/var/www/example.com/static/"
Run the collectstatic management command: python manage.py collectstatic

answered Jul 21, 2019 at 14:11

Saurabh Pabhare

831 silver badge9 bronze badges

Collectives™ on Stack Overflow

My jquery function doesn't work with django

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related