Web applications jQuery Mobile:如何从字符串模板创建动态页面?

Web applications jQuery Mobile:如何从字符串模板创建动态页面?,web-applications,jquery-mobile,render,dynamic-pages,Web Applications,Jquery Mobile,Render,Dynamic Pages,大家好,这是我在stackoverflow的第一个问题。我将尝试使用jQuery Mobile(用于UI)和PhoneGap(因为我希望它跨平台)创建一个单页Web应用程序。在我的应用程序中,我希望通过一些模板(字符串)创建页面,当我单击按钮或列表元素时,应用程序将从模板创建相应的页面,并通过#attr导航。当我第一次加载模板时,jqm以正确的方式呈现页面,但当我从DOM中删除模板并在需要页面时附加模板时,jqm不会以其样式呈现页面,但我只看到链接(或其他元素)。谢谢大家 默认情况下,jQuer

大家好,这是我在stackoverflow的第一个问题。我将尝试使用jQuery Mobile(用于UI)和PhoneGap(因为我希望它跨平台)创建一个单页Web应用程序。在我的应用程序中,我希望通过一些模板(字符串)创建页面,当我单击按钮或列表元素时,应用程序将从模板创建相应的页面,并通过#attr导航。当我第一次加载模板时,jqm以正确的方式呈现页面,但当我从DOM中删除模板并在需要页面时附加模板时,jqm不会以其样式呈现页面,但我只看到链接(或其他元素)。谢谢大家

默认情况下,jQuery Mobile将自动增强页面上的相应标记,但是如果以后添加动态内容,则需要手动触发新页面上的
create
事件

比如说

$('#newPageID').trigger('create');

但是,如果在客户端生成新标记或通过 Ajax并将其注入页面中,您可以触发create事件 处理中包含的所有插件的自动初始化 新的标记。这可以在任何元素(甚至页面)上触发 div本身),省去了手动初始化每个插件的任务 (列表视图按钮、选择等)


不幸的是,不管官方jQuery移动文档方法中说了什么,trigger('create')都不能重新设置整个页面的样式

相反,应使用以下方法:

$('#newPageID').trigger('pagecreate');
下面是一个工作示例:


它可以很容易地进行测试,只需将pagecreate替换为create或comment这一行即可。

请提供一些您尝试过的示例