Jquery mobile 动态生成的列表项打开动态页面jQuery Mobile

我有一个用PHP生成的列表

<ul data-role="listview" data-filter="true" data-inset="true">
<?
  $qry = "SELECT jobname, jobsurname, LEFT(jobsurname, 1) AS first_char FROM clients  WHERE UPPER(LEFT(jobsurname, 1)) BETWEEN 'A' AND 'Z' OR LEFT(jobsurname, 1) BETWEEN '0' AND '9' ORDER BY jobsurname";  
  $result = mysql_query($qry);
  $current_char = '';

while ($row = mysql_fetch_assoc($result)) {
  if ($row['first_char'] != $current_char) {
     $current_char = $row['first_char'];
     echo '<li data-role="list-divider">' . strtoupper($current_char) . '</li>';
  }
echo '<li><a href="#">' . $row['jobsurname'] . ', ' . $row['jobname'] . '</a></li>';
}  

?>
</ul>

它列出了它应该列出的所有内容。但我希望每个列表项都能打开一个对话框，其中包含该客户机的信息。那么，我是否在稍后的页面中运行另一个SQL语句，创建更多的

，并使用与名称匹配的id或其他内容？或者有没有一种方法可以通过ajax调用每个信息，比如：

echo '<li><a href="getInfo.php?id=' . $row['id'] . '" data-rel="dialog">' . $row['jobsurname'] . ', ' . $row['jobname'] . '</a></li>';

echo'
'；

是的，您可以这样做：

<a href="foo.html" data-rel="dialog">Open dialog</a>

文件：

因此，您的代码应该可以工作：

echo '<li><a href="getInfo.php?id=' . $row['id'] . '" data-rel="dialog">' . $row['jobsurname'] . ', ' . $row['jobname'] . '</a></li>';

echo'
'；

是的，您可以这样做：

<a href="foo.html" data-rel="dialog">Open dialog</a>

文件：

因此，您的代码应该可以工作：

echo '<li><a href="getInfo.php?id=' . $row['id'] . '" data-rel="dialog">' . $row['jobsurname'] . ', ' . $row['jobname'] . '</a></li>';

echo'
'；

所以只要getInfo.php？id=4返回数据…它就会在一个对话框中打开？经过一些测试，我确实发现了一个bug（如果你这么说的话）。该对话框将仅显示在本地页面上（无外部站点）。如果页面在我的服务器上，如果我试图链接到www.google.com，那么我的所有测试都有效。getinfo.php是一个本地文件。我唯一关心的是？id=零件。我还可以尝试将

rel=“external”

添加到刚刚测试过的标记中，它对我来说效果很好。您可能遇到的唯一问题是标题，因为它在左侧添加了一个关闭按钮，这可能会掩盖另一个元素（我在那里有一个徽标）供参考。不需要添加rel=“external”标记，您可能还需要向锚标记添加一个转换：data transition=“pop”，这样只要getInfo.php？id=4返回数据…它就会在对话框中打开？经过一些测试后，我确实发现了一个bug（如果您这样称呼它的话）。该对话框将仅显示在本地页面上（无外部站点）。如果页面在我的服务器上，如果我试图链接到www.google.com，那么我的所有测试都有效。getinfo.php是一个本地文件。我唯一关心的是？id=零件。我还可以尝试将

rel=“external”

添加到刚刚测试过的标记中，它对我来说效果很好。您可能遇到的唯一问题是标题，因为它在左侧添加了一个关闭按钮，这可能会掩盖另一个元素（我在那里有一个徽标）供参考。无需添加rel=“external”标记。此外，您可能还需要向锚定标记添加一个转换：data transition=“pop”