动态数据目标引导模式-Django

Question

我有一堆帖子要显示在一个页面上。单击以阅读更多内容后，将在显示帖子的位置出现引导模式。我也在使用 django。

问题是我想用 for 循环遍历所有帖子的查询集。

我的 html 看起来像：

 {% for post in posts %}

   <!-- Modal -->
   <div class="modal fade" id="post1" tabindex="-1" role="dialog" aria-hidden="true">
       <div class="modal-dialog" role="document">
         <div class="modal-content">
           <div class="modal-body">         

             <!-- Button trigger modal -->

             <p> {{ post.content|truncatewords:10 }}  
             <a data-toggle="modal" data-target="#post1">Post 1</a></p>       

           </div>
         </div>
      </div>
    </div>
 {% endfor %}

如您所见，这里，在显示模态的触发器中，有data-target="#post1"，在模态中，还有id="post1"。

现在可以使用一种模式。但我有 10-12 篇博客文章。所以我不能硬编码它的每一个数据目标。那么我能做什么呢？我不知道 javascript，所以一个完整的引导解决方案可能会有所帮助。尽管如此，任何解决方案或想法我能做什么？ 比如post1 会得到id1，然后post2 应该得到id2。

那么您能帮我解决这个问题或提供任何其他解决方案吗？这将非常有帮助。 我试过这个帖子：how to dynamically change bootstrap modal data-target click，但这没有帮助。

Answer 1

所以这很简单，我需要做的是将模态的modal-target 更改为#modal{{post.id}}" 并将id 更改为modal{{post.id}} 和瞧！