Как запустить HTML и JQuery код в Django? - PullRequest
Новая
       3

Как запустить HTML и JQuery код в Django?

0 голосов
/ 29 июня 2019

Я запускаю файл jquery в формате html, и он работает, но всякий раз, когда я запускаю код в рамках django в {% block content%} {% endblock%}, скользящая функция не работает.Почему и как решить эту проблему? 

{% extends 'testapp/base.html' %}
{%block content%}
<!DOCTYPE html>
<html>
   <head>
    <script 
   src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> 
   </script>
<script> 
    $(document).ready(function(){
      $("#flip").click(function(){
        $("#panel").slideToggle("slow");
     });
   });
 </script>
<style>
    #panel {
      display: none;
    }
</style>
    </head>
  <body> 
    <div id="flip">Click to slide the panel down or up</div>
    <div id="panel">Hello world!</div>
  </body>
</html>
{%endblock%}

1 Ответ

0 голосов
/ 29 июня 2019

Переместить html, head, body теги в base.html:

base.html 

<!DOCTYPE html>
<html lang="en">
<html>
   <head>
    <script 
       src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> 
   </script>
   <style>
    #panel {
      display: none;
    }
</style>
</head>
<body> 
    {% block content %}

    {% endblock %}
</body>
</html>

Индекс.html: 

{% extends 'testapp/base.html' %}
{% block content %}
    <div id="flip">Click to slide the panel down or up</div>
    <div id="panel">Hello world!</div>
<script> 
    $(document).ready(function(){
      $("#flip").click(function(){
          $("#panel").slideToggle("slow");
      });
    });
</script>
{% endblock %}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...