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

前端之家收集整理的这篇文章主要介绍了使用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();

猜你在找的jQuery相关文章