Twitter的引导 - 多模态窗口(Twitter bootstrap - multiple mo

2019-09-16 19:59发布

我用了一个循环的模态窗口组件。 每个循环的内容有不同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">

Answer 1:

id=modal1需要是动态的。 因此,它应该是这样id=modal_<PK of Object>



文章来源: Twitter bootstrap - multiple modal windows