Bootstrap：使用模式显示动态数据时遇到问题答案

【问题标题】：Bootstrap: Trouble using modal for showing dynamic dataBootstrap：使用模式显示动态数据时遇到问题
【发布时间】：2013-05-04 15:56:54
【问题描述】：

我有一个使用 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 代码。

我怎样才能得到这个结果？

【问题讨论】：

在链接上设置一个 jQuery 点击处理程序，以更新您在模式中想要的任何内容。无法在浏览器中运行 php，所以不完全清楚您的期望是什么
@Joseph82 我也面临同样的问题，我是新手，不知道如何实现。我得到了一个动态列表，但是当我使用 youtube iFrame 以模态显示它时，只播放第一个视频，其余的都没有。能否请您分享代码，以便我可以从中获得帮助。提前致谢。
确保你给你的模式一个动态的ID。例如，在 php 查询 while 循环中，将模式 id 设置为您的查询行 id。我只是在这里回答了基本相同的问题stackoverflow.com/questions/28081592/… 如果您愿意，我很乐意为您写下您需要的内容。

标签： php javascript jquery html twitter-bootstrap

【解决方案1】：

将用户信息的值分配给 javascript 变量。向模态切换按钮添加一个数据属性，例如data-user_id=<?php echo $row['id']; ?>，并创建一个 jquery 单击处理程序来更新模态的内容以匹配您单击的按钮。

【讨论】：