Question

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

我有一个打印出一些数据的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。

有人可以帮忙吗？任何意见都会非常感激。

干杯， Greg Bialowas

Answer 1

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

<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')将不会选择它。上面的选择器会。

通过href链接将变量从PHP循环传递到JQuery的模态

1 个答案: