创建对类的多个数据目标和数据切换访问

问题描述

enter image description here

enter image description here

- 我只有一两张图片

  • 当我点击第一张图片时,图像就会出现。
  • 但是当我用第二个 (myModalTwo) 点击图像时,它打开了,但图像没有出现。

当您点击图片时,它们会以弹出窗口的形式打开。

这对我很重要。请帮助我

'''

    <div class="container">
             <div class="modal myModal" role="dialog">
     <ul>
              <li><a class="ns-img" href="img/roomspic/1011.jpg"></a></li>
              <li><a class="ns-img" href="img/roomspic/1012.jpg"></a></li>
    </ul>
             </div>
        </div>
          <div class="container">
          <div class="modal myModalTwo" role="dialog">
            <ul>
          <li><a class="ns-img" href="img/roomspic/2011.jpg"></a></li>
          <li><a class="ns-img" href="img/roomspic/2012.jpg"></a></li>
</ul>
          </div>
        </div>

'''

<a  class="mb-4 d-block" data-toggle="modal" data-target=".myModal"><img src="img/rooms/1.png"
                    alt="Image placeholder" class="img-fluid"></a>

'''

<a  class="mb-4 d-block" data-toggle="modal" data-target=".myModalTwo"><img src="img/rooms/2.png"
                    alt="Image placeholder" class="img-fluid"></a>

'''

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)