Показать изображение внутри JQuery Mobile PopUp

Я использую JQuery Mobile PopUp control внутри динамической таблицы, чтобы пользователь мог просматривать изображение в 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

, который вы используете, используя мобильный телефон? –

Проблема заключается в том, как взаимодействуют 'php' и jquery. Может быть, небольшая ошибка. Можете ли вы также разместить jquery? Должны ли вы назначить класс для изображений для выбора? – Vector

см. Мое редактирование ... Я поставил jquery ссылки выше. – Azeem

Если вы используете тот же 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

ответ

Смежные вопросы