单击任一按钮时都会出现两个模式弹出窗口答案

【问题标题】：Both modal popups appear on click of either button单击任一按钮时都会出现两个模式弹出窗口
【发布时间】：2014-07-25 13:50:23
【问题描述】：

我在 twitter-bootstrap3 中工作。单击按钮“mybtn”时，应弹出 id="myModal" 的模式，单击按钮“mybtn2”时，应弹出 id="myModal2" 的模式。但是当我点击这两个按钮中的任何一个时，它们都会弹出。我该怎么办？

<button id="mybtn2"  style="display:none;" 
    class="btn btn-primary btn-lg" href="#signup" data-toggle="modal" data-target=".bs-modal-sm">
      Sign In/Up
  </button>

<div class="modal fade bs-modal-sm" id="myModal"  tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm" >
//code
</div></div>

<div class="modal fade bs-modal-sm" id="myModal2"  tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm" >
//code
</div></div>

【问题讨论】：

请显示您的 javasript

标签： javascript html twitter-bootstrap bootstrap-modal

【解决方案1】：

添加您要定位的模式的 ID。现在，您的data-target 属性指向bs-modal-sm 的类，它适用于您的两种模式。酌情尝试data-target="#myModal" 或data-target="#myModal2"。

这是一个 bootply 演示：link

【讨论】：