Question

我在动态表中使用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>";
}

图像在表格中显示正常但是当我们点击图像时弹出窗口显示为空。

缺少什么？

Answer 1

如果您对多个图片使用相同的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++;
}

在JQuery Mobile PopUp中显示图像

1 个答案: