Question

我正在进行一个小型的jquery / phonegap项目，在将所有这些工作作为一个网站开始之后，我已经开始将其转变为ajax驱动的phonegap项目。

我的列表视图LI项目是点击进入我称为person.html的页面我希望附加一个id如此person.html？id = [number]这导致错误 “错误加载页面”所以我已经删除它只是去peeron.html但我仍然得到错误。

我的文件结构是

EDIT - I HAVE REMOVED THE OLD REDUNDANT CODE FROM POST

我现在设法通过ajax获取链接转到我的页面，我看不到网址结构，但我喜欢这样：

<div data-role="page" data-url="person.html?id">

然后我有这个JQUERY代码

$('div[data-url*="person.html?id"]').live("pageshow",function(){
    var personId = getParameterByName("id",$(this).data("url"));
    console.log('person required: ' + personId);
});

但是整个部分根本没有被执行，它就像jquery不会检测到正在显示的页面或任何其他任何想法。

CLEANER SOLUTION

所有页面都有正常的ID，然后我点击了以下代码：

$('.someclass').live('tap',function(){
   var idForNextData = $(this).attr('data-id');
   var pageNeedingId = $(this).attr('data-pagename');
   if(pageNeedingId !== null) {
       $.mobile.changePage(pageNeedingId);

       switch(pageNeedingId){
          case "#testpage":  LoadTestData(idForNextData);
          break;

       }
});

只是让任何人都需要解决方案

jquery移动问题加载listview子页面 - 修改代码

0 个答案: