Question

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

Answer 1

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

这是一个bootply演示：link

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

1 个答案: