Не могу использовать несколько модальностей начальной загрузки в шаблоне Django - PullRequest
Новая
       3

Не могу использовать несколько модальностей начальной загрузки в шаблоне Django

0 голосов
/ 12 апреля 2019

Я пишу шаблон, в котором мне нужно открыть несколько разных модалов - всегда только по одному за раз.В этом шаблоне есть вкладки, а кнопки триггера для модалов находятся между вкладками и содержимым вкладок.Я использовал несколько модалов, как это раньше, с точно таким же кодом в другом представлении, кроме навигации по вкладкам, и это работает, как предполагалось.Но в этом шаблоне мои модальные дивы вложены вместе, поэтому переключение данных не будет работать.Я уверен, что что-то немного пропустил, но я не могу понять, что

Thats the nested divs

Я пытался поставить модал в конце включенного HTML (noteTable.html)), чтобы отделить модалы, но это нарушает навигацию по моей вкладке - все содержимое каждой вкладки показывается на каждой вкладке, а затем 

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#newKNAModal">Kosten-Nutzen-Analyse</button>
<button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#newNote"><i class="fas fa-plus"></i> Neue Notiz</button>

<div class="tab-content">
    <div class="tab-pane active" id="details" role="tabpanel">
       {% include 'detailForm.html' %}
    </div>
    <div class="tab-pane" id="notes" role="tabpanel">
       {% include 'noteTable.html' %}
    </div>
    <div class="tab-pane" id="dokumente" role="tabpanel">
       {% include 'documentTable.html' %}
    </div>
</div>

<!-- New KNA Modal -->
<div class="modal fade bs-example-modal-lg" id="newKNAModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
    <div class="modal-dialog  modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-body">
                {% include 'newKNA.html' %}
            </div>
        </div>
    </div>
</div>
<!-- New Notes Modal -->
<div class="modal fade bs-example-modal-lg" id="newNote" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
    <div class="modal-dialog  modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-body">
                {% include 'newNote.html' %}
            </div>
        </div>
    </div>
</div>

Я ожидаю, что если я нажму на кнопку, то правый модальныйоткрывается.Но открывается только первый, второй имеет только анимацию затухания, но html не отображается

1 Ответ

0 голосов
/ 16 апреля 2019

Наконец, я понял, в чем была ошибка.Это не было в моем коде из шаблона, и при этом это не было инициированием модалов.Это был просто пропущенный </div> в одном из моих модальных контентов - тот, который я включил в {% include 'newKNA.html' %}.Таким образом, браузер вложил все <div> внутрь первого.

...