这两个模态弹出框出现在点击任何一个按钮

Both modal popups appear on click of either button

本文关键字：按钮 任何一 两个 模态      更新时间：2023-09-26

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

添加你想要定位的模态的ID。现在，您的data-target属性指向适用于您的两个情态的bs-modal-sm类。请选择data-target="#myModal"或data-target="#myModal2"

下面是一个bootply演示:

相关文章：