我在页面上有两个模式,(我正在使用引导程序);单击任何模式只会打开第一个.我不懂js;是否有HTML修复程序? [英] I've two modals on a page, (i'm using bootstrap); clicking on any modal opens only the first. I don't understand js; is there an html fix?
本文介绍了我在页面上有两个模式,(我正在使用引导程序);单击任何模式只会打开第一个.我不懂js;是否有HTML修复程序?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
这是第一个模态的代码;接下来的两种模式中所有的变化都是内部的图像链接,但只有这些链接会显示出来.
This is the code for the first modal; all that changes in the next two modals is the image links inside, but only these show up.
<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>
推荐答案
应该为每个 modal 指定一个不同的ID ,并且应该为每个链接 定位到其他模式ID . 所以应该是这样的:
Each modal should be given a different id and each link should be targeted to a different modal id. So it should be something like that:
<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>
...
通过这种方式,如果您单击第一个链接,它将弹出第一个模态,如果您单击第二个,则会弹出第二个模态.
In this way, if you click the first link, it should pop-up the first modal and if you click the second - the second modal is popped up.
这篇关于我在页面上有两个模式,(我正在使用引导程序);单击任何模式只会打开第一个.我不懂js;是否有HTML修复程序?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文