python - 如何修复模态不显示?
问题描述
我有一系列 6 个模态,它们是通过烧瓶/jinja2 框架工作循环创建的,还有 1 个模态是循环外的示例。查看页面源时,所有模式都会正确填充和填充。循环外的示例模态显示没有问题,但是其他 6 个模态不会触发。
https://www.sfiltrowani.pl/filter_instructions是有问题的现场。 https://github.com/rscales02/sfiltrowani是完整的代码 git 存储库。
这是针对在 AWS 弹性 beantalk 上运行的烧瓶应用程序。我能够通过手动定义模态 ID 和数据目标来显示示例模态,这些是我从原始模态代码的复制/粘贴和到模态的原始链接所做的唯一更改。
示例链接来自 AF 的相同链接
<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">×</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 行代码。谢谢和抱歉!
解决方案
我修好了它!模态ID似乎对特定格式敏感,而不仅仅是随机字符串。以前不起作用的版本id
在data-target
删除'instrukcja*.jpg'
“.jpg”时,模态功能完美。
推荐阅读
- docker - Docker 检查包含 ip 更改后的旧 ip 地址
- matlab - 关于 Psychtoolbox 的画面功能错误
- angular - Angular 中的 Subject 和 Observable
- sql - SELECT 多次相同的列返回重复
- http - 如何在 http 上设置 2 个 Web 应用程序
- windows-server-2012-r2 - Zabbix active agent 无法连接到 Zabbix server - 连接被远程主机强行关闭
- android - Android图像复制破坏了原始文件
- excel - 将文件名中的日期提取到单元格中
- selenium-webdriver - IntellIJ 无法使用 FindBy(XPATH) 获取 webelement
- c# - 将 url 值发送到模型