如何在jqtouch应用程序中的页面之间切换时加载json数据?

时间:2011-09-18 21:23:44

标签: json jquery jqtouch

我的应用程序正在使用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)。

1 个答案:

答案 0 :(得分:1)

我认为您使用the goTo function,例如

jQT.goTo("#people")

a jsfiddle demo here,但它不测试jqTouch功能。