在JQuery Mobile PopUp中顯示圖像

我在動態表內使用JQuery Mobile PopUp控件讓用戶在PopUp中查看圖像。以下是我的代碼：在JQuery Mobile 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>"; 
}

圖像在表格內顯示正常，但當我們單擊圖像時彈出窗口顯示爲空。

什麼是缺失？

來源

2013-08-04 Azeem

彈出您正在使用的js是移動友好？ –

問題存在於'php'和jquery交互的方式中。也許是一個小錯誤。你可以發佈jquery嗎？你應該爲圖像分配一個類來選擇嗎？ – Vector

看到我的編輯...我已經把上面的jquery引用。 – Azeem

如果您正在使用多個圖像相同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-04 18:53:21

完美。謝謝 – Azeem

在JQuery Mobile PopUp中顯示圖像

回答

相關問題