我在页面上有两个模式，(我正在使用引导程序)；单击任何模式只会打开第一个.我不懂js；是否有HTML修复程序? [英] I've two modals on a page, (i'm using bootstrap); clicking on any modal opens only the first. I don't understand js; is there an html fix?

问题描述

这是第一个模态的代码；接下来的两种模式中所有的变化都是内部的图像链接，但只有这些链接会显示出来.

This is the code for the first modal; all that changes in the next two modals is the image links inside, but only these show up.

<div id="modallinkleft">
  <a href="#myModal" data-toggle="modal">
  <img src="mylinks/cp/117s.jpg">
  <img src="mylinks/cp/23s.jpg">
  <img src="mylinks/cp/08s.jpg">
  </a>
  <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-body">
      <img src="mylinks/cp/117.jpg">
      <img src="mylinks/cp/23.jpg">
      <img src="mylinks/cp/08.jpg">
    </div>
    <div class="modal-footer">
      <button class="btn" data-dismiss="modal" aria-hidden="true">x</button>
    </div>
  </div>
</div>

推荐答案

应该为每个 modal 指定一个不同的ID ，并且应该为每个链接 定位到其他模式ID . 所以应该是这样的:

Each modal should be given a different id and each link should be targeted to a different modal id. So it should be something like that:

<a href="#myModal" data-toggle="modal">
...
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
...
<a href="#myModal2" data-toggle="modal">
...
<div id="myModal2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
...

通过这种方式，如果您单击第一个链接，它将弹出第一个模态，如果您单击第二个，则会弹出第二个模态.

In this way, if you click the first link, it should pop-up the first modal and if you click the second - the second modal is popped up.

这篇关于我在页面上有两个模式，(我正在使用引导程序)；单击任何模式只会打开第一个.我不懂js；是否有HTML修复程序?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！