模态为所有记录

时间:2015-08-03 10:06:39

标签: php jquery html twitter-bootstrap bootstrap-modal

我正在用foreach循环循环一个DIV。我的PHP看起来像这样:

   <?php foreach ($record as $row) { //looping the records ?>
   <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
     Launch demo modal
    </button>

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <h4><?php echo get_userdetails_byid($row['user_id']); ?></h4>
    </div>
    </div>
   <?php } ?>

并且模态总是显示循环的第一个条目..但是在html源代码中我可以看到所有记录。如何单独触发每个结果?

1 个答案:

答案 0 :(得分:1)

data-target="#myModal"将使用id属性。并且多个element不能具有相同的id。对不同的id使用不同的modal

<?php
     $i = 0; 
     foreach ($record as $row) { //looping the records 
?>
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal<?php echo $i;?>">
 Launch demo modal
</button>

<div class="modal fade" id="myModal<?php echo $i;?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
    <h4><?php echo get_userdetails_byid($row['user_id']); ?></h4>
</div>
</div>
<?php 
    $i++;
 } 
?>