1

我只是无法弄清楚我哪里出错了。我想在 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

4

2 回答 2

1

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

演示

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

$.mobile.changePage('#foo');
于 2013-09-12T15:22:52.227 回答
0

你可以尝试有类似的东西。

$("#uniquieid").on("vclick", function (e) {
  // Do your stuff here
  // or navigate to the desired section of the page.
  $.mobile.changePage("#uniqueid");
  e.preventDefault();
});
于 2013-09-12T14:58:08.783 回答