I'；在一个页面上有两个模态（i'；m使用引导）；单击任何模式仅打开第一个模式。我不知道'；不懂js；有html修复程序吗？

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

<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>

x

每个模式都应该有一个不同的id，每个链接应该针对不同的模式id。 所以应该是这样的：

<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>
...

...
...
...
...

---

这样，如果单击第一个链接，它应该会弹出第一个模式，如果单击第二个，则会弹出第二个模式。

引导代码中有一个错误。我也有同样的问题，我的两个模式ID不同，但只有第一个启动。当我从index.html中删除第一个时，第二个模态结构就活跃了

我使用的解决方法是创建一个函数，将模态附加到主体上，然后传递到两个模态之间的差异，以便动态填充。然后在需要模态时调用函数

i、 e

---

粘贴的代码仅显示一个模式。。。。请粘贴完整的html…为什么不检查内容是否按预期正确显示？第二个模式在哪里？您的

与所有图像共享，因此我只看到一个

标签。您能帮我吗？我也有两个模态，但另一个模态显示在页面加载上。我正在对每个模式使用

数据目标

，并使用不同的

id

，但仍然存在问题：（@graumanoz

 function appendModuleToBody(title){      
        $('#myModal1').remove(); // remove previously appended ones if needed
        $('#myModal2').remove();
        $( "body" ).append( ` -- modal html here -- ` }