Как исправить ссылку в модальном классе на Bootstrap 5?

У меня есть шаблон для отображения постов и каждый пост имеет post.id.

Также есть кнопка для открытия модального окна и кнопка "Да" для удаления сообщения с post.id, на которую я нажал.

Но когда я делаю это, он удаляет первое сообщение на текущей странице, а не то, на которое я нажимал раньше.

Я думаю, что вид работает нормально, потому что я уже пытался сделать это без модала, и он работал нормально. Возможно ли вообще получить нужный идентификатор, используя ссылку в модале?

попробуйте прикрепить к каждому экземпляру модала определенный id, основанный на посте, как это сделано здесь: вот пример, вы должны заменить job.pk на post.id

<div class="modal fade" id="confirmationDialog{{ job.pk }}"
     aria-hidden="true" role="dialog"
     aria-labelledby="confirmationDialogLabel{{ job.pk }}">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="confirmationDialogLabel{{ job.pk }}">
                    Confirmation</h5>
                <button type="button" class="close" data-dismiss="modal"
                        aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form method="POST" action="{% url 'delete-job' job.pk %}">
                    {% csrf_token %}
                    <p>Are you sure you want to delete this
                        job: {{ job }}</p>
                    <div class="modal-footer">
                        <div class="button-groups">
                            <ul>
                                <li>
                                    <button type="button" data-bs-dismiss="modal">
                                        Cancel
                                    </button>
                                    <input type="submit" class="btn btn-danger" value="Delete">
                                </li>
                            </ul>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
Вернуться на верх