关于创建内容动态链接的简单 JQTouch 问题

Question

我看过很多 JQTouch 教程，但没有找到对简单事情的描述：

给定一个项目列表，如何将每个项目转换为一个链接，然后打开一个动态页面，显示有关该项目的数据项目？

这是我想要做的流程：
1) 现有物品清单
2) 项目被点击
3) 使用该项目的 ID 对服务器进行 XML 调用，并返回关联的数据
3) 处理 XML 数据，并显示一个包含此信息的新页面。

我的问题是在步骤 #2 中，创建链接并将我想要访问的对象的 ID 传递给 $.ajax 调用在＃3中。所有教程要么是硬编码的列表项（带有关联的 DIV），要么是使用“提交”进行搜索。我了解如何进行 AJAX 调用，但我无法将项目的 ID 传递给该调用。

例子： 我有一个场地列表，我希望能够单击单个场地并提取该信息。在网络世界中，我的链接将使用 RESTful 路由 (/venue/2)，或者我可以使用参数“?id=2”。

但由于 JQTouch 依赖于 div 的“id”名称，因此如何将 Venue 的动态 ID 号作为链接传递？ 我可以通过 http://mysite.com/venues/2.xml 访问 XML获取场地的 ID #2。

感谢您的帮助！

Answer 1

因此，您可以将锚点链接到某个页面：

<div id="home">
  <ul>
    <li><a href="http://mysite.com/venues/1">Venues 1</a></li>
    <li><a href="http://mysite.com/venues/2">Venues 2</a></li>
  </ul>
</div>

http://mysite.com/venues/2可能是：

<div id="venues-2">
  <!-- page content -->
</div>

当点击“场地2”时，该页面将被下载并动态插入到当前文档中。

官方 jQTouch 演示 包含一些如何动态加载页面（即使用 AJAX）的示例jQTouch;点击 AJAX 并注意页面是如何加载的。

我希望这能激励您提出动态页面 ID 的解决方案。