Bootstrap: Проблема с использованием модального для отображения динамических данных

Question

Я список создан динамически с помощью PHP

while($row = $result->fetch_assoc()){ //$row is a row fetched from my database 
<tr> 
    <td><?php echo $row['id']?></td> 
    <td><?php echo $row['name']?></td> 
    <td><?php echo $row['surname']?></td> 
    <td><a href="#Modal" <?php echo "id= " . $row['username'] ?> class="btn btn-small btn-info" data-toggle="modal" > Vedi</a></td> 
</tr> 
} 

Модального что-то вроде этого:

<div id="Modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true"> 
     <div class="modal-header"> 
     <a class="close" data-dismiss="modal" aria-hidden="true">×</a> 
     <h3 id="myModalLabel">user information</h3> 
     </div> 
     <div class="modal-body" id="loadInfo"> 
     <div class="row-fluid"> 
      <div class="span12"> 

     <!-- my php code here --> 

     </div> 
     </div> 
    </div> 
</div> 

Моего код PHP должен быть передан для точного пользователя , Поэтому мне нужно, чтобы Modal мог получить этот id для того, чтобы выполнить правильный PHP-код.

Как я могу получить этот результат?

Answer 1

присвойте значениям пользовательской информации переменным javascript. Добавьте атрибут данных к модальным кнопкам переключения, например data-user_id=<?php echo $row['id']; ?>, и сделайте обработчик кликов jquery, чтобы обновить контент модала, чтобы он соответствовал нажатой кнопке.