javascript - 数据角色 ="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 或名称标签。这可能就是您的链接不起作用的原因:

如果你的 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>";
       }
?>