Question

我无法弄清楚我哪里出错了。我想在jquerymobile中动态创建一个页面。然后将其附加到正文并在单击链接时导航到该正文。这是我尝试的：

在我的html中，我有第二页，这是动态生成的一个基本结构。所以我克隆它并将其附加到身体上。该操作在活动页面的“pagecreate”上触发（但在pagebeforeshow上触发它或者pageshow不会改变任何内容）。

$('#basic-page').clone().attr({'id':'uniqueid'}).appendTo($.mobile.pagecontainer);

然后我像页面一样生活......

$('#uniqueid').page();

最后我添加了一个指向活动页面的链接。

$('#activepage .content').append('<a href="#uniqueid">Test</a>');

但是当我点击此链接时，没有任何反应。怎么了？我在phonegap 2.9.0上运行jquerymobile 1.3.2

Answer 1

不是克隆页面，而是创建新页面并按照您想要的方式进行修改。

<强> Demo

$('<div/>', {
    'data-role': 'page',
    id: 'foo',
    'data-theme': 'e'
}).appendTo('body');

$.mobile.changePage('#foo');

Answer 2

你可以尝试类似的东西。

$("#uniquieid").on("vclick", function (e) {
  // Do your stuff here
  // or navigate to the desired section of the page.
  $.mobile.changePage("#uniqueid");
  e.preventDefault();
});

无法导航到jquerymobile / phonegap中动态添加的页面

2 个答案: