2014-11-05 65 views
0

我想制作一个引导程序的网站,并与即时通讯有问题。Bootstrap - 多种模式的问题

我可以使第一个罚款,但是当我去做第二个它只是不会打开?

唯一链接标签,我可以在代码中看到的是:

div class="modal fade" id="project-modal1" tabindex="-1" role="dialog" aria-labelledby="project-modal-label" aria-hidden="true" > 
    <div class="modal-dialog"> 
    <div class="modal-content"> 

这是我的形象,我想链接:

<a href="#" class="thumbnail" data-toggle="modal" data-target="#project-modal1"> 
    <img src="img/port1.jpg" alt=""> 
</a> 

有abything我在想念?正如我所说,一个工作正常,但是当我添加第二个并更改“ID”它不会加载?

+0

你需要通过调用javascript打开它 – 2014-11-05 22:00:47

回答

0

我在工作时间使用一个内部网站引导模态和我a元素我有href设置为href="#project-modal1"和不活动有data-target属性和它的伟大工程。

+0

你会如何将它应用于多个? 也就是说,在实际的模态显示代码中,可以将它与哪个元素相关联? – CarlM 2014-11-05 22:06:30

+0

@CarlM我有不同的id的多个模态,并且每个链接都有'href'反映模态的id。那有意义吗?就像你有'id =“project-modal1”',我在猜测另一个'id =“project-modal2”',所以''''''''''''project-modal1“而另一个'a'会有'href =“#project-modal2”' – sbonkosky 2014-11-05 22:10:14

+0

嗯,我试过了。但是它会在第一张图像上打开两个模型?但第二剂仍然剂量加载任何东西? – CarlM 2014-11-05 22:22:16