data-role =“page”没有打开，为什么？ （使用PHP和JQuery自动生成链接）

Question

我正在尝试将存储在阵列中的所有照片显示在一个包含链接的列表中（这些链接应该将我带到照片源）。这是我的代码：

<?php   
for($n=1;$n<=$numberOfPhotos;$n++){
 echo "<input type='checkbox' name='cb{$n}' value='' style='float:right;'>
       <div class='marco'>
       <a data-rel='dialog' href='#photoDialog{$n}'>
       <img src='photos/{$n}.jpg' style='width:100%;height:100%;'>
       </a>
       </div>";
       }
?>

<?php 
 for($n=1;$n<=$numberOfPhotos;$n++){
 echo "<div data-role='page' id='photoDialog{$n}'>
       <div data-role='header'>
            <h1>Foto Diálogo</h1>
            </div>  
        <div data-role='content'>
            <img src='photos/$pictures[{$n-1}]' style='width:100%; height:100%'>
        </div>
        <div data-role='footer'>
        <h2> </h2>
        </div> ";  
    }
 ?>

我遇到的问题是那些链接（虽然它们看起来很合适）但它们并没有把我带到任何地方，唯一可行的链接就是它们中的第一个，所有其他链接都没有做任何事情我点击它们。任何人都可以帮我这个吗？

Answer 1

将“＃”符号作为某事物的href意味着它不指向不同的URL，而是指向同一页面上的另一个id或name标记。这可能是您的链接无效的原因：

如果您的photoDialog是一个数组，那么：

<?php   
for($n=1;$n<=$numberOfPhotos;$n++){
 echo "<input type='checkbox' name='cb{$n}' value='' style='float:right;'>
       <div class='marco'>
       <a data-rel='dialog' href='$photoDialog[{$n}]'>
       <img src='photos/{$n}.jpg' style='width:100%;height:100%;'>
       </a>
       </div>";
       }
?>