Question

我想在bootstrap模式中迭代照片评论，照片<script> $('#Modal').on('show.bs.modal', function (event) { var button = $(event.relatedTarget) var recipient = button.data('whatever') var modal = $(this) modal.find('.modal-title').text('New message to ' + recipient) modal.find('.modal-body input').val(recipient) }) </script>我发送给模态。有没有办法在bootstrap模式中放入一些django信息？从bootstrap docs（使用jQuery）：

$('#PhotoModal').on('show.bs.modal', function (e) {
    var image = $(e.relatedTarget).attr('src');
    $(".modal-photo").attr("src", image);
});

通过这种方式，我可以将模态触发器中的信息放入模态中的某个标签中，例如.modal-title或whatev。我用一些以模态显示的图像来做到这一点：

<div class="modal fade" id="PhotoModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
    <div class="modal-content" role="document">
      <div class="modal-body">
        <div class="container">
          <div class="row">
        <div class='col'>
          <center><img class="modal-photo" src=""></center> #my custom img
        </div>
        <div class="col-4">
            # {% Add a comment loop %}
        </div>
      </div>
    </div>
  </div>
</div>

到那个模式：

<a class="overlay" data-toggle="modal" data-target="#PhotoModal" src="{{ image }}">...</a>

这是触发模态的元素：

class Comments(models.Model):
    who = models.OneToOneField(Profile, related_name='comments')
    image = models.OneToOneField(ProfileImages, related_name='comments')
    content = models.CharField(max_length=255, null=True, blank=True)
    date_added = models.DateTimeField(auto_now_add=True)

我的问题是我是否可以在模态中进行一些迭代。我有一些课：

{% for comment in image.comments %}
...
{% endfor %}

我想用模态做这样的事情：

switch

其中{{image}}是触发模态的同一对象（或其中的数据）

django和bootstrap模式与自定义内容

0 个答案: