Jquery 如何使用forloop和模板模型?

Jquery 如何使用forloop和模板模型?,jquery,django,ajax,django-models,django-templates,Jquery,Django,Ajax,Django Models,Django Templates,在这里,我使用一个简单的卡片片段来表示post_列表模板中显示的所有帖子。我已经添加了一个模板模型,所以当我点击特定的帖子时,它会显示我点击的帖子内容的模型。 有了下面的代码,几乎一切都正常,但当我点击任何帖子时,它会显示第一篇帖子的内容。我想在我单击的模型中查看帖子的内容 {% for post in post_list%} <div class="cardbox"> <div class="cardbox-

在这里,我使用一个简单的卡片片段来表示post_列表模板中显示的所有帖子。我已经添加了一个模板模型,所以当我点击特定的帖子时,它会显示我点击的帖子内容的模型。 有了下面的代码,几乎一切都正常,但当我点击任何帖子时,它会显示第一篇帖子的内容。我想在我单击的模型中查看帖子的内容

{% for post in post_list%}
         <div class="cardbox">
          <div class="cardbox-heading">
           <div class="media m-0">
            <div class="d-flex mr-3">
             <a href="#"><img class="img-responsive img-circle" src="{{post.username.avatar.url}}" alt="User"></a>
            </div>
            <div class="media-body">
             <p class="m-0">{{post.username}}</p>
             <small><span>{{post.create_date|timesince}}</span></small>
            </div>
           </div><!--/ media -->
          </div><!--/ cardbox-heading -->
          
          <div class="cardbox-item">
           <a href="#myModal" data-toggle="modal">
            <img class="img-responsive" src="{{post.image_data.url}}" alt="MaterialImg">
           </a> 
          </div><!--/ cardbox-item -->      
         </div><!--/ cardbox -->
 Modal Section
     =============================================== -->
     <div id="myModal" class="modal fade">
      <div class="modal-dialog">
       <div class="modal-content">
        <div class="modal-body">
        
         <div class="row">
         
          <div class="col-md-8 modal-image">
           <img class="img-responsive" src="{{post.image_data.url}}" alt="Image"/>
          </div><!--/ col-md-8 -->
          <div class="col-md-4 modal-meta">
           <div class="modal-meta-top">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
             <span aria-hidden="true">×</span><span class="sr-only">Close</span>
            </button><!--/ button -->
            <div class="img-poster clearfix">
             <a href="#"><img class="img-responsive img-circle" src="{% static 'assets/img/users/18.jpg'%}" alt="Image"/></a>
             <strong><a href="#">Benjamin</a></strong>
             <span>12 minutes ago</span><br/>
             <a href="#" class="kafe kafe-btn-mint-small"><i class="fa fa-check-square"></i> Following</a>
            </div><!--/ img-poster -->
           </div><!--/ modal-meta-top -->
          </div><!--/ col-md-4 -->
          </div><!--/ row -->
            </div><!--/ modal-body -->
</div><!--/ modal-content -->
      </div><!--/ modal-dialog -->
     </div><!--/ modal -->
 {% endfor %}   
{%forpost\u list%}

{{post.username}

{{post.create_date|timesince}} 模态剖面 =============================================== --> ×闭合 12分钟前
{%endfor%}
如果需要更多信息,我会用这些信息更新我的问题。

问题在于#myModal。在html中,元素的id必须是唯一的,所以使用类似于
id=“myModal{{{post.id}}”