这是第一个模态的代码;接下来两个模态中的所有变化是内部的图像链接,但仅显示这些链接。
<div id="modallinkleft">
<a href="#myModal" data-toggle="modal">
<img src="mylinks/cp/117s.jpg">
<img src="mylinks/cp/23s.jpg">
<img src="mylinks/cp/08s.jpg">
</a>
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-body">
<img src="mylinks/cp/117.jpg">
<img src="mylinks/cp/23.jpg">
<img src="mylinks/cp/08.jpg">
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">x</button>
</div>
</div>
</div>
Each modal应该给予不同的ID and 每个链接应该针对不同的模态 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>
...
这样,如果您单击第一个链接,它应该弹出第一个模式,如果您单击第二个链接,则会弹出第二个模式。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)