jquery - 使用 jQuery 模板动态创建 jQuery Mobile 页面

Question

我正在使用 jquery mobile 为 UI 构建锻炼目录，并使用 jquery 模板来处理 html。由于 .page() 函数，我已经能够将 html 附加到已创建的页面并让 jquery mobile 更改标记。

但是，我希望能够创建新的 jq 移动页面。我可以使用 data-role=page 将代码注入(inject) div，调用 .page() 就可以了。但是将完整制作的页面附加到正文是行不通的。

编辑:这个问题和我的答案是指jquery mobile alpha 3

Answer 1

好的，我明白了。如果你想向 DOM 添加 a，你还必须为 data-url 添加一个值。当您创建静态 html 页面时，

<div data-role="page" id="home">

jQuery mobile 会自动添加一个与您提供的 ID 相同的数据 URL。当你自己做的时候，你必须握住它的手，并传递给它一个data-url="home"。

当您生成 html 字符串时，将其附加到 $.mobile.pageContainer，以便 jQuery Mobile 知道在哪里可以找到它(将它附加到正文也可以，但最好不要破坏现状)。之后，在 DOM 中的页面上调用 .page() ，以便 jQuery mobile 完成其所有神奇功能 <span>让它变得漂亮的魔法。

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