Блог

Я пытаюсь использовать цикл for для повторной обработки одних и тех же данных дважды в одном и том же шаблоне Django. Однако второй цикл for возвращает только первый объект в базе данных.

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

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

model.py

 from django.db import models

class Job(models.Model):
    title = models.CharField(max_length=50, default="Example Work")
    image = models.ImageField(upload_to='images/')
    summary = models.TextField()
  

views.py

 from django.shortcuts import render
from .models import Job

def get_index(request):
    jobs = Job.objects
    return render(request, 'index.html', {'jobs': jobs})
  

index.html

 {% for job in jobs.all %}
  <div class="col-md-6 col-lg-4">
    <a class="portfolio-item d-block mx-auto" href="#portfolio-modal">
      <div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
        <div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
          <i class="fas fa-search-plus fa-3x"></i>
        </div>
      </div>
      <img class="img-fluid" src="{{ job.image.url }}" alt="">
    </a>
    <h3 class="text-center text-secondary">{{ job.title }}</h3>
  </div>
{% endfor %}
<!-- Portfolio Modal -->
{% for job in jobs.all %}
  <div class="portfolio-modal mfp-hide" id="portfolio-modal">
    <div class="portfolio-modal-dialog bg-white">
      <a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
        <i class="fa fa-3x fa-times"></i>
      </a>
      <div class="container text-center">
        <div class="row">
          <div class="col-lg-8 mx-auto">
            <h2 class="text-secondary text-uppercase mb-0">{{ job.title }}</h2>
            <hr class="star-dark mb-5">
            <img class="img-fluid mb-5" src="{{ job.image.url }}" alt="Image of website">
            <p class="mb-5">{{ job.summary }}</p>
            <a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
              <i class="fa fa-close"></i>Close Project</a>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endfor %}  

Просто для контекста я вырвал большую часть html-кода из index.html потому что все это работает нормально, и это, вероятно, не имеет значения. Я пробовал это в рамках одного цикла, который тоже не работает. Описание открывается в новом окне на той же странице. Я пробовал все, что мог придумать, но ничего не получилось. Все еще осваиваюсь с Django и Python. Любая помощь приветствуется.

Это не имеет ничего общего с выводом Django одних и тех же данных для каждой итерации. Если вы проверите сгенерированный HTML через View Source в своем браузере, вы определенно увидите правильные данные.

Проблема в самом вашем HTML. У вас не может быть нескольких элементов с одним и тем же HTML id атрибутом; но вы используете id="portfolio-modal" для каждого из них. Когда ваш JS пытается открыть модальный, он всегда находит только первый экземпляр этого идентификатора.

Вам нужно использовать другой идентификатор на каждой итерации — возможно, путем добавления уникального элемента, например, Job pk — и / или использовать класс для запуска вашего модального.