django中的手风琴包含模板

问题描述 投票:0回答:1

**嗨,我正在使用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 %}
html django accordion
1个回答
0
投票

首先在最后一行-放置{%endblock%}而不是{%block content%}如果这样做没有成功,则尝试在第一行{{扩展“ barebase.html”%}的位置,而不是如果文件main.html和appendix.html都在同一文件夹中

© www.soinside.com 2019 - 2024. All rights reserved.