Как загрузить свойства jquery в расширенный шаблон из базового шаблона, jquery включен в базовый шаблон - PullRequest
1 голос
/ 05 июля 2019

я хочу получить свойства 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>

company.html

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

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

в приведенном выше примере iЯ включил jquery в headerfooter.html, и я включил файл masters.js в company.html,

в master.js. javascript работает, а jquery не работает, если я добавлю приведенный ниже скрипт поверх мастеров.js, тогда jquery работает нормально, поэтому мне нужно включать jquery на каждую страницу, даже если она расширена.

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

Ответы [ 2 ]

0 голосов
/ 05 июля 2019

Просто вставьте свой блок после включения 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">



 <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 %}
0 голосов
/ 05 июля 2019

Попробуйте включить jquery перед headerfooter:

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

{% block headerfooter %}

 {% endblock %}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...