我正在进行一个小型的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;
}
});
只是让任何人都需要解决方案