Tôi có hai modals trên một trang, (tôi đang sử dụng bootstrap); nhấp vào bất kỳ phương thức nào chỉ mở ra phương thức đầu tiên. Tôi không hiểu js; có sửa lỗi html không?

Question

Đây là mã cho phương thức đầu tiên; tất cả những thay đổi trong hai phương thức tiếp theo là liên kết hình ảnh bên trong, nhưng chỉ những hình ảnh này hiển thị.

<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

Mỗi modal nên được trao một id khác nhau và mỗi liên kết nên nhắm mục tiêu đến một id phương thức khác nhau. Vì vậy, nó nên được một cái gì đó như thế:

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

Bằng cách này, nếu bạn nhấp vào liên kết đầu tiên, nó sẽ pop-up các phương thức đầu tiên và nếu bạn nhấp vào thứ hai - phương thức thứ hai được hiện lên.