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

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

不过,我想要创建新的jq手机页面.我可以使用data-role = page,调用.page()来将代码注入到div中,这一切都很好.但是,将完整页面附加到正文不起作用.

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

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

< div data-role =“page”id =“home”>

jQuery mobile会自动添加一个数据url,等同于你给它的id.当你自己做的时候,你必须握住它并传递一个data-url =“home”.

当您生成html字符串时,它会附加到$.mobile.pageContainer,因此jQuery Mobile知道在哪里找到它(将其附加到正文中也可以,但最好不要摇滚).
之后,在DOM中的页面上调用.page(),以便jQuery手机完成所有的魔法< span>魔术让它漂亮

$('#home').page();
相关文章
相关标签/搜索