0

我在动态表中使用 JQuery Mobile PopUp 控件让用户在 PopUp 中查看图像。这是我的代码：

<head>
<link rel="stylesheet" href="https://d10ajoocuyu32n.cloudfront.net/mobile/1.3.1/jquery.mobile-1.3.1.min.css">
<script src="https://d10ajoocuyu32n.cloudfront.net/jquery-1.9.1.min.js"></script>
<script src="https://d10ajoocuyu32n.cloudfront.net/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
</head>


while($FormDataRow = mysql_fetch_array($formDataSQLObj))
{
$Imagepath = "Uploaded_Fotos/";
echo "<tr>";
    echo "<td>";
?>
<a href="#popupBasic" data-rel="popup">
<img src="<?php echo $Imagepath.$FormDataRow[16]; ?>" width="100px"/>
</a>
<div data-role="popup" id="popupBasic">
<img src="<?php echo $Imagepath.$FormDataRow[16]; ?>" />
</div>
<?php
    echo "</td>";
    echo "</tr>";
}

图像在表格内看起来很好，但是当我们单击图像时弹出窗口显示为空。

少了什么东西？

4

1 回答 1

2

如果您id对多个图像使用相同的，这可能是一个问题，因为 id 应该是唯一的，所以在您的代码中我注意到每个图像的 id 都是相同的，试试这个

$index=1;
while($FormDataRow = mysql_fetch_array($formDataSQLObj))
{
$Imagepath = "Uploaded_Fotos/";
echo "<tr>";
    echo "<td>";
?>
<a href="#popupBasic_<?php echo index;?>" data-rel="popup">
<img src="<?php echo $Imagepath.$FormDataRow[16]; ?>" width="100px"/>
</a>
<div data-role="popup" id="popupBasic_<?php echo index;?>">
<img src="<?php echo $Imagepath.$FormDataRow[16]; ?>" />
</div>
<?php
    echo "</td>";
    echo "</tr>";
$index++;
}
于 2013-08-04T18:53:21.937 回答