为什么有两种模式的网页不起作用，首先我单击使毛躁

Question

在我的页面中，我有两个模态，当打开第一个模态时会出现a。我有一个用于其他模式的按钮

为什么不起作用是引导程序的某些限制？

代码--------------

模式一

<button class="btn btn-primary" type="button" id="ForPaymentBtn" data-toggle="modal" data-target="modalAdd">A pagar <span class="fa fa-list-alt"></span></button>

<div id="modalAdd" class="modal" role="dialog">
</div>

模式2

  <button id="Submit" class="btn btn btn-success text-center" type="button" data-toggle="modal"  data-target="erromodal"><i class="fa fa-save"></i> Gravar</button>
<div class="modal fade" id="erromodal" role="dialog">

Answer 1

每个模态应被赋予一个不同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>
...

这样，它将起作用。如果单击第一个链接，则应弹出第一个模态，如果单击第二个，则将弹出第二个模态。