Jquery 如何使用forloop和模板模型?
在这里,我使用一个简单的卡片片段来表示post_列表模板中显示的所有帖子。我已经添加了一个模板模型,所以当我点击特定的帖子时,它会显示我点击的帖子内容的模型。 有了下面的代码,几乎一切都正常,但当我点击任何帖子时,它会显示第一篇帖子的内容。我想在我单击的模型中查看帖子的内容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-
{% 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}}”
和