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

Question

我正在使用jquery mobile为UI和jquery模板构建一个锻炼目录来处理html.我已经能够将html附加到已创建的页面并通过.page()函数获取jquery mobile来更改标记.

但是,我希望能够创建新的jq移动页面.我可以使用data-role = page将代码注入到div中,并在其上调用.page(),这一切都很好.但是将一个完全制作的页面添加到正文中是行不通的.

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

Answer 1

好,我知道了.如果要添加DOM,还必须为data-url添加值.当您创建静态html页面时,

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

jQuery mobile会自动添加一个等于你提供的id的数据网址.当你自己动手时,你必须握住它并传递一个data-url ="home".

当你生成你的html字符串后,将它附加到$ .mobile.pageContainer,以便jQuery Mobile知道在哪里找到它(将它附加到正文也适用,但最好不要摇晃船).之后,在DOM中的页面上调用.page(),以便jQuery mobile能够完成所有神奇的<span>魔法.

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