Twitterのブートストラップ - 複数のモーダルウィンドウ

Question

私はループ内でモーダルウィンドウコンポーネントを使用しています。すべてのループコンテンツには、データトグル属性でモーダルをトリガーする異なるIDを持つX個のサムネイルがあります（モーダルも異なるIDを持ちます）。ただし、モーダルはループの最初の項目でのみ機能し、データトグルは画面の背景と残りの部分。 モーダルウィンドウの内容とマークアップはDOM内にあり、表示されません。

私はフェードクラスを削除してIDの名前を変更しようとしましたが、これまでのところ運がありません。 私はsimilar problem,を見つけましたが、それは私の場合には役立ちません。

何が問題なのですか？

<li class="span3"> 
<div class="modal hide" id="modal1"> 
    <div class="modal-header"> 
     <button class="close" data-dismiss="modal">x</button> 
     <h3>Lipsum</h3> 
    </div> 
    <div class="modal-body"> 
     <p>Lipsum</p> 
    <hr> 
    <img src="<?php the_field('srceenshot')?>"> 
    </div> 
    <div class="modal-footer"> 
     <button class="close" data-dismiss="modal">x</button> 
    </div> 
</div> 
    <a class="thumbnail" data-toggle="modal" rel="popover" data-content="<?php the_field('screenshot_text')?>" data-original-title="<?php the_field('screenshot_header')?>" href="#modal1"> 
     <img src="<?php the_field('screenshot')?>"> 
    </a> 
</li> 

解決

<div class="modal hide" id="modal1_<?php echo $count"> 

と

<a class="thumbnail" data-toggle="modal" rel="popover" data-content="<?php the_field('screenshot_text')?>" data-original-title="<?php the_field('screenshot_header')?>" href="#modal1_<?php echo $count"> 

Answer 1

動的する必要があるid=modal1。だから、id=modal_<PK of Object>