Django 如何将jquery属性从基本模板加载到扩展模板，jquery包含在基本模板中_Django_Django Templates

Django 如何将jquery属性从基本模板加载到扩展模板，jquery包含在基本模板中

django

Django 如何将jquery属性从基本模板加载到扩展模板，jquery包含在基本模板中,django,django-templates,Django,Django Templates,我想从基本模板到扩展模板获取jquery属性 headerfooter.html {% load staticfiles %} <!DOCTYPE html> <html lang="en"> <head> <link rel="icon" href="{% static 'medicure/images/favicon.png' %}" type="image/png" /> <title>Medicure</title>

我想从基本模板到扩展模板获取jquery属性

headerfooter.html

{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" href="{% static 'medicure/images/favicon.png' %}" 
type="image/png" />
<title>Medicure</title>

<!-- Bootstrap -->
<link href="{% static 'medicure/css/bootstrap.min.css' %}" 
rel="stylesheet">


 {% block headerfooter %}

 {% endblock %}



 <script src="{% static 'medicure/js/jquery.min.js' %}"></script>
 <!-- Bootstrap -->
 <script src="{% static 'medicure/js/bootstrap.min.js' %}"> 
 </script>
 <!-- FastClick -->
 <script src="{% static 'medicure/js/fastclick.js' %}"></script>
 <!-- NProgress -->
 <script src="{% static 'medicure/js/nprogress.js' %}"></script>

{%load staticfiles%}
医疗
{%block headerfooter%}
{%endblock%}

company.html

 {% extends "headerfooter.html" %}
 {% load staticfiles %}
 {% block headerfooter %}

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

{%extensed“headerfooter.html”%}
{%load staticfiles%}
{%block headerfooter%}
{%endblock%}

在上面的示例中，我在headerfooter.html中包含了jquery，在company.html中包含了masters.js文件

在master.js中，javascript工作，而jquery不工作，如果我在masters.js上面包含下面的脚本，那么jquery工作得很好，所以我需要在每个页面上包含jquery，即使它被扩展了

 <script src="{% static 'medicure/js/jquery.min.js' %}"></script>

尝试在headerfooter之前包含jquery：

<script src="{% static 'medicure/js/jquery.min.js' %}"></script>
 <!-- Bootstrap -->
 <script src="{% static 'medicure/js/bootstrap.min.js' %}"> 
 </script>

{% block headerfooter %}

 {% endblock %}


{%block headerfooter%}
{%endblock%}

尝试在headerfooter之前包含jquery：

<script src="{% static 'medicure/js/jquery.min.js' %}"></script>
 <!-- Bootstrap -->
 <script src="{% static 'medicure/js/bootstrap.min.js' %}"> 
 </script>

{% block headerfooter %}

 {% endblock %}


{%block headerfooter%}
{%endblock%}

只需在jQuery include之后放入块即可

headerfooter.html

{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" href="{% static 'medicure/images/favicon.png' %}" 
type="image/png" />
<title>Medicure</title>

<!-- Bootstrap -->
<link href="{% static 'medicure/css/bootstrap.min.css' %}" 
rel="stylesheet">



 <script src="{% static 'medicure/js/jquery.min.js' %}"></script>
 <!-- Bootstrap -->
 <script src="{% static 'medicure/js/bootstrap.min.js' %}"> 
 </script>
 <!-- FastClick -->
 <script src="{% static 'medicure/js/fastclick.js' %}"></script>
 <!-- NProgress -->
 <script src="{% static 'medicure/js/nprogress.js' %}"></script>


 {% block headerfooter %}

 {% endblock %}

{%load staticfiles%}
医疗
{%block headerfooter%}
{%endblock%}

只需在jQuery include之后放入块即可

headerfooter.html

{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" href="{% static 'medicure/images/favicon.png' %}" 
type="image/png" />
<title>Medicure</title>

<!-- Bootstrap -->
<link href="{% static 'medicure/css/bootstrap.min.css' %}" 
rel="stylesheet">



 <script src="{% static 'medicure/js/jquery.min.js' %}"></script>
 <!-- Bootstrap -->
 <script src="{% static 'medicure/js/bootstrap.min.js' %}"> 
 </script>
 <!-- FastClick -->
 <script src="{% static 'medicure/js/fastclick.js' %}"></script>
 <!-- NProgress -->
 <script src="{% static 'medicure/js/nprogress.js' %}"></script>


 {% block headerfooter %}

 {% endblock %}

{%load staticfiles%}
医疗
{%block headerfooter%}
{%endblock%}

这很好，我不想在子类上包含jquery，如果我在masters.js上包含jquery脚本，那么jquery工作正常，所以我需要在每个页面上都包含jquery，即使它被扩展了？这很好，我不想在子类上包含jquery，如果我在masters.js上包含jquery脚本，那么jquery工作正常，所以我需要在每个页面上包括jquery，即使它是扩展的？