**嗨,我正在使用include django模板将另一个模板添加到main.html中。这是我用来获取appendix.html的代码行。 **
{% include "appendix.html" %}
使用此行代码后,我的手风琴无法正常工作。关于如何解决此问题的任何想法?这是我的main.html的完整代码
{% extends 'adminlte/barebase.html' %}
{% load crispy_forms_tags %}
{% block content %}
<style type="text/css">
[data-toggle="collapse"]:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\f107';
font-family: 'Font Awesome\ 5 Free';
font-weight: 900; /* Fix version 5.0.9 */
transform: rotate(180deg) ;
transition: all linear 0.25s;
float: right;
}
[data-toggle="collapse"].collapsed:after {
transform: rotate(0deg) ;
}
</style>
<div class="card">
<div class="" style="width:20%,height:20%">
<div id="accordion" class="card-body" style="width:20%,height:20%">
<div class="title-section m-3">
<h5 style="display:inline-block;" class="title-section">Client Information</h5>
<a data-toggle="collapse" href="#collapseOne" aria-expanded="true"></a>
<hr>
</div>
<content>
<div id="collapseOne" class="row m-2 collapse show" role="tabpanel" aria-labelledby="headingOne">
<div class="col-lg-3">
<label>{{form.ClientName|as_crispy_field}}</label>
</div>
<div class="col-lg-3">
<label>{{form.TaxRef|as_crispy_field}}</label>
</div>
<div class="col-lg-3">
<label>{{ form.Period_Employement|as_crispy_field }}</label>
</div>
<div class="col-lg-3">
<label> {{ form.Basis_Period|as_crispy_field }}</label>
</div>
</div>
</content>
<div class="title-section mt-4 m-3">
<h5 style="display:inline-block;" class="title-section">Testing</h5>
<a data-toggle="collapse" href="#collapseTwo" aria-expanded="true"></a>
<hr>
</div>
<content>
{% include "appendix.html" %}
</content>
</div>
</div>
</div>
{% block content %}
首先在最后一行-放置{%endblock%}而不是{%block content%}如果这样做没有成功,则尝试在第一行{{扩展“ barebase.html”%}的位置,而不是如果文件main.html和appendix.html都在同一文件夹中