两个模态弹出窗口都显示在任一按钮上
-
21-12-2019 - |
题
IM在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演示: link
不隶属于 StackOverflow