如何修复情态动词不显示？

Question

我有一系列的6个模态，它们是通过flask/jinja2框架循环创建的，还有1个模态是循环外的一个例子。当查看页面源时，modals都会正确地填充和填充。循环外的示例模态显示没有问题，但是其他6个模态不会激发。你知道吗

https://www.sfiltrowani.pl/filter_instructions是有问题的实时站点。 https://github.com/rscales02/sfiltrowani是完整的代码git存储库。你知道吗

这是在AWS elastic beanstalk上运行的烧瓶应用程序。通过手动定义modal id和data target，我能够得到示例modal，这是我从原始modal代码和modals的原始链接的复制/粘贴所做的唯一更改。你知道吗

示例链接来自A-F的相同链接

<a href="#" data-toggle="modal" data-target="#instrukcjaF.jpg   ">{{ _('(instrukcja photo F)') }}</a>

模态循环，为指令创建图像模态

{% for image in images %}

<!-- Modal -->

<div class="modal fade" id="{{ image }}" role="dialog">

<div class="modal-dialog">

  <!-- Modal content-->
  <div class="modal-content">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
    </div>
    <div class="modal-body">
        <img id='modal-img' src="{{ url_for('static', filename='images/instructions/' + image) }}" alt="{{ loop.index }}">
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
   </div>

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

预期结果为我的指令中的每张照片激发一个模态。当前结果只显示示例模态。你知道吗

[编辑] 我是新的堆栈，编辑显示3行代码被隐藏，由于缺乏缩进。谢谢，对不起！你知道吗

Answer 1

您的链接没有指向要显示的模态。你知道吗

模态需要数据目标引用的ID

<a href="#" data-toggle="modal" data-target="#this-modal-id">{{ _('(instrukcja photo F)') }}</a>

<div class="modal-dialog"  id="this-modal-id">

      <!  Modal content >
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Modal Header</h4>
        </div>
        <div class="modal-body">
            <img id='modal-img' src="{{ url_for('static', filename='images/instructions/' + image) }}" alt="{{ loop.index }}">
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>

    </div>

Answer 2

我修好了！模态id似乎对特定格式敏感，而不仅仅是随机字符串。以前不起作用的版本有id和data-target的'instrukcja*.jpg'当“.jpg”被删除时，modals功能完美。你知道吗