jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Jquery Mobile,从列表访问详细信息页面(动态数据)大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 Jquery Mobile构建一个html5-app,它将像以后的phonegap应用程序一样构建.

该应用程序首先从包含的json文件加载项目列表,但稍后从外部URL加载(它检查是否应将新项目添加到列表中)并将其插入到现代html5浏览器中的内置sql-db中.

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

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

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

解决方法

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

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

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

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

绑定点击事件,该事件发布到抓取详细信息@L_618_31@的页面,将其放入详细信息页面显示详细信息页面

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

大佬总结

以上是大佬教程为你收集整理的Jquery Mobile,从列表访问详细信息页面(动态数据)全部内容,希望文章能够帮你解决Jquery Mobile,从列表访问详细信息页面(动态数据)所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。