Question

我正在使用Jquery Mobile构建一个html5-app，它将像以后的phonegap应用程序一样构建。

应用程序首先从包含的json文件加载项目列表，但稍后从外部URL加载（它检查是否应将新项目添加到列表中）并将其插入到现代html5中的内置sql-db中-browsers。

到目前为止，我已经开始工作了。我也让它提取数据并将其显示在列表中。然而 - 下一步让我有点难过。当用户点击列表中的某个项目时，它应该打开一个页面，其中包含有关该项目的信息，该页面取自数据库。

我通常在php工作，当然很容易做到。只需使用id为url添加一个variabel，然后获取查询字符串并在php代码中使用它。

有没有人知道如何在JQuery Mobile中做到最好？我有一个想法，只需使用语言环境存储并执行将id存储到本地存储中的单击事件，然后在详细信息页面上使用它。感觉应该有更好的方式......

Answer 1

作为一个大纲我在dom中坐着一个叫做细节的页面

<div data-role="page" id="details">
</div>

使用包含锚链接中唯一ID的html5数据属性生成列表项

<li><a href="#details" data-uid="1" class="detailslink">Your list item</a></li>

绑定点击事件，该事件发布到抓取详细信息内容的页面，将其放入详细信息页面并显示详细信息页面

$('.detailslink').bind('click', function(e){
    var id = $(this).data('uid');
    $.post('urltophp', {'id': id}, function(data){
        $('#details').html(data);
    }
});

Jquery Mobile，从列表访问详细信息页面（动态数据）

1 个答案: