2

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

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

何が問題なのですか？

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

1 に答える 1

2

id=modal1動的である必要があります。だからそれは次のようなものでなければなりませんid=modal_<PK of Object>

于 2012-05-07T03:05:22.817 に答える