Как определить дочерний стиль c или сценарий для HTML страницы, которая расширяет родительский / базовый. html - PullRequest
Новая
       56

Как определить дочерний стиль c или сценарий для HTML страницы, которая расширяет родительский / базовый. html

0 голосов
/ 07 мая 2020

Это проект Django, в котором у меня есть база. html с определенной схемой для всего проекта, а другие страницы расширяют базу. html и имеют собственное содержимое. Мне нужно закодировать сценарий js для событий, происходящих на дочерних страницах в дочернем элементе. Сама страница html работает, но код работает только тогда, когда я определяю сценарий в родительском заголовке. Есть ли способ добиться этого?

base. html

 <html lang="en">
   <head>

     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"> 

     <script>
       $(document).ready(function(){
        $("input").keydown(function(){
         $("input").css("background-color", "yellow");
         });
      });
    </script>
 </head>
 <body>
 {% block content%}

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

child. html

 {% extends 'base.html' %}
   **<!--
    <script>
       $(document).ready(function(){
        $("input").keydown(function(){
         $("input").css("background-color", "yellow");
         });
      });
    </script> 
   -->**

 {% block content %}
  Enter your name: <input type="text">
 {% endblock %}

Я просто пытаюсь изменить цвет bg на клавиатуре, но когда я определяю код JS в ребенок. html не работает

...