0

现在已经尝试了几个小时来更新我给出的代码，但没有运气。我已经从这个页面尝试了一堆例子但无济于事......

我有一个打印出一些数据的 php 循环，然后在单击“查看”链接时，会弹出一个模式框，显示给定人员的更多信息。为了显示该模式框的内容，我使用了外部 php 文件，因此我认为传递一个值并简单地根据传递的 ID 从 DB 中选择并显示所有信息会很容易。我错了……

这是我现在拥有的：

PHP：

<tr>
  <td>' . sel_db('*', 'guests', $row['guestID'], '3') . '</td>
  <td>' . find_lounge($row['departureID']) . '</td>
  <td>' . $row['flight_no'] . '</td>
  <td>' . $row['arrival_time'] . '</td>
  <td><a class="modalInput" rel="#details_view">View</a></td>
  <td class="cent">' . $thisBooking . '</td>
</tr>

还有这个小jquery：

<script type="text/javascript" />
  var triggers = $(".modalInput").overlay({

  // some mask tweaks suitable for modal dialogs
  mask: {
    color: '#ebecff',
    loadSpeed: 200,
    opacity: 0.9
  },

  closeOnClick: true
 });
 $('#details_view').load('popup.php?ID=???');

 </script>

加上纯 HTML 页面中的 div （与 php 代码相同）：

  <!-- Details popup -->
    <div class="modal" id="details_view">
      { here is loaded external php file }
  </div>

弹出窗口打开得很好，但我无法显示任何动态的内容，因为我无法从 php 循环中获取该 ID。

有人可以在这里帮忙吗？任何输入将非常非常感谢。

干杯，格雷格·比亚洛瓦斯

4

1 回答 1

1

假设您想符合现代 Web 标准，您可以将信息作为 HTML5 数据属性存储在 DOM 中。data-基本上，您可以添加任何以存储有关 DOM 元素的任意信息时开头的属性。您的链接看起来像

<a class="modalInput" rel="#details_view" data-id="???">View</a>

然后您可以在需要加载弹出窗口时从 Javascript 中读取此信息

$('[rel="#details_view"]').attr('data-id'); // Returns the ID

另请注意，我认为您犯了一个错误，rel="#details_view"对我来说没有多大意义，如果这是您想要的，$('#details_view')则不会选择它。上面的选择器会。

于 2012-11-03T15:52:42.457 回答