jqtouch应用程序中页面切换时如何加载json数据？

Question

我的应用程序正在使用 JQTouch。演示展示了如何获取 html 文件并将其显示在用户界面中，但我正在加载我想在预先存在的 DIV 中使用的 JSON。我不想创建一个单独的 people.html 并在服务器上生成它。

所以我有一个像这样的 DIV，我想将我的人员列表加载到 UL 中。

<div id="people">
<div class="toolbar">
    <h1>People</h1>
    <a href="#" class="back">Back</a>
</div>
<ul class="rounded">
    <li class="sep">F</li>
    <li><a href="#person">Flintstone, <em>Fred</em></a></li>
    <li><a href="#person">Flintstone, <em>Pebble</em></a></li>
    <li><a href="#person">Flintstone, <em>Wilma</em></a></li>
    <li class="sep">J</li>
    <li><a href="#person">Jetson, <em>Elroy</em></a></li>
    <li><a href="#person">Jetson, <em>George</em></a></li>
    <li><a href="#person">Jetson, <em>Jane</em></a></li>
    <li><a href="#person">Jetson, <em>Judy</em></a></li>
</ul>
</div>

该页面从我的应用程序开始时加载，代码如下所示（全部位于同一个 HTML 页面中）：

..snip..
<li class="arrow"><a href="#people">View all</a></li>
..snip..

我需要做什么才能调用返回 JSON 的 people.aspx 服务？我想我需要使用 $.getJSON，从 JSON 创建 UL，然后调用 jqtouch 中的某些内容以转换到我的人员应用程序页面 (div)。

Answer 1

我认为您使用 goTo 函数，例如

jQT.goTo("#people ")

这里有一个 jsfiddle 演示，但它没有测试 jqTouch 功能。