Модальная поп-та же информация для всех записей

Question

Модальная поп-та же информация для всех записей

Я зацикливаю DIV с циклом foreach. мой 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 я могу увидеть все записи. Как мне запустить каждый результат в отдельности?

0

bootstrap-modal html jquery php twitter-bootstrap

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

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++;
}
?>

1