jQuery Moblie:传递参数并动态加载页面内容

我知道这是一个基本问题,但我无法找到适合我情况的任何东西。

我有一个带有元素列表的jQuery Mobile页面。 元素引用第二个页面,其内容取决于所选择的元素(例如文章列表并选择应显示相对文本的文章)。 基本上我必须在页面之间传递参数。

我尝试使用AJAX做到这一点:

$.ajax({ url : "index.html#page2", data : "id="+id, dataType : 'json' type: "GET" }); 

但我无法在第二页获得结果。

我怎样才能做到这一点?

看看您的url: index.html#page2 。 您正尝试导航到内部页面(已在DOM中的页面)。 如果是这种情况,那么在#page2上的JavaSCript中创建逻辑,当链接到#page2 ,将id值保存在#page2上的JavaScript可以访问的变量中。

就像是:

   

这是一个演示: http : //jsfiddle.net/jasper/wFdet/