Bir sayfada iki tane modelim var, (bootstrap kullanıyorum); herhangi bir modele tıklamak sadece ilkini açar. Ben js anlamıyorum; bir html düzeltme var mı?

Question

Bu, ilk mod için koddur; sonraki iki modelde yapılan tüm değişiklikler içerideki görüntü bağlantılarıdır, ancak sadece bunlar ortaya çıkar.

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

Answer 1

farklı modal id hedefleyen olması gereken bir farklı bir kimlik ve her bağlantıyı verilmelidir Her modal. - İkinci kalıcı açıldı bu sayede

<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> 
... 

, ilk bağlantıyı tıklarsanız ikinci tıklarsanız, ilk modal-pop up ve olmalıdır: Yani böyle bir şey olmalıdır.