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

我正在使用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页面时，

jQuery mobile会自动添加一个等于你提供的id的数据url。 当你自己动手时，你必须握住它并传递一个data-url =“home”。

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

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

Answer 2

重写这个post。 使用jquery mobile（1.1.0），这对我.trigger("create") ， .trigger("create") ……

  content = '
' // ... $('body').append(content).trigger("create") $("").trigger("click") 

Answer 3

当你拨打$('#home').page(); 你要求jQuery使用页面的特定样式表和js函数来增强你的div。 该页面已经存在于DOM中，但为了显示它，您必须调用$.mobile.changePage("#home",options) 。 有关更多信息（以及特定于对象的选项），请参阅http://jquerymobile.com/test/docs/api/methods.html