gpt4 book ai didi

html - 使图像在单击时打开模态?

转载 作者:行者123 更新时间:2023-11-28 19:15:11 25 4
gpt4 key购买 nike

图片在 <div> 中但是当其中一个被点击时,会出现一个单独的模态,显示已被点击的 div 的信息。模态具有 id 或类,如 modal4
这是我的尝试:

<image type="image" src="Images/Drake.jpg"  data-target="modal" data-toggle="#modal4" style="width:130px;height:140px;margin-left:10px;margin-bottom:10px"/> </a>

这是我的模态代码:

 <div class="modal" id="Modal4" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Aubrey Drake "Drizzy" Graham</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">

</div>
</div>
</div>

最佳答案

可能是因为您在图片标签中指的是所有小写的模态 ID,而实际模态 ID 的大写字母是 M

在 img 标签中:data-toggle="#modal4"

在模态声明中:id="Modal4"

到处匹配案例以确保。

关于html - 使图像在单击时打开模态?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58500268/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com