Модальный триггер не работает после отправки формы Django

Я пытаюсь показать модальное окно после отправки формы Django. Я выполнил этот ответ, но это не сработало, форма была успешно отправлена, но модальное окно не появилось.

Я добавил контекст successful_submit в представления, чтобы он срабатывал после отправки формы

Вот часть HTML-шаблона:

                  <div class="text-center">
                    <button
                      class="btn btn-primary mt-5"
                      onclick="stepper1.previous()"
                    >
                      Previous
                    </button>
                    <button type="submit" class="btn btn-success mt-5">
                      Submit
                    </button>

                    <div
                      class="modal fade"
                      id="exampleModal"
                      tabindex="-1"
                      aria-labelledby="exampleModalLabel"
                      aria-hidden="true"
                    >
                      <div class="modal-dialog">
                        <div class="modal-content">
                          <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">
                              Modal title
                            </h5>
                            <button
                              type="button"
                              class="btn-close"
                              data-mdb-dismiss="modal"
                              aria-label="Close"
                            ></button>
                          </div>
                          <div class="modal-body">...</div>
                          <div class="modal-footer">
                            <button
                              type="button"
                              class="btn btn-secondary"
                              data-mdb-dismiss="modal"
                            >
                              Close
                            </button>
                            <button type="button" class="btn btn-primary">
                              Save changes
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>

                    {% if successful_submit %}
                        <script type="text/javascript">
                            $(document).ready(function(){
                                $("#exampleModal").modal('show');
                            });
                        </script>
                    {% endif %}

                  </div>

Вот views.py

def add_plan(request):
    if request.method == 'POST':
        form = infoForm(request.POST)
        if form.is_valid():
            form.save()
            name = form.cleaned_data.get('Name')
            messages.success(request, f'PDF created for {name}!')
            return render(request, 'plan/plan.html', {'successful_submit': True})

    else:
        form = infoForm()
        print(form.errors)
    return render(request, 'plan/plan.html', {'form': form})

Вернуться на верх