js动态添加的jquerymobile页面无法显示和被渲染

[sleep-go]

求助一个关于jqmbile的问题 有能帮忙解答下的朋友吗
$("body").html("<div data-role="page"><div role="main">123</div></div>");
页面显示空白

[iceqijunfei]

你说的空白的意思是“123”不显示吗？ 用document.write("123");试试

[sleep-go]

.trigger("create"); 这个方法不管用,

[iceqijunfei]

双引号内应该用单引号吧？ 你试试$("body").html("<div data-role=‘page’><div role=‘main’>123</div></div>");

[sleep-go]

引用 2 楼 iceqijunfei 的回复:

双引号内应该用单引号吧？ 你试试$("body").html("<div data-role=‘page’><div role=‘main’>123</div></div>");

在jqm里用js添加的页面都不能被渲染呢

[sleep-go]

手

引用 2 楼 iceqijunfei 的回复:

双引号内应该用单引号吧？ 你试试$("body").html("<div data-role=‘page’><div role=‘main’>123</div></div>");

手误把单引号写成双引号了 不过改过来也是不行的 你试试

[iceqijunfei]

你的问题有点宽泛。建议你用chrome调试一下页面的html源，看看你想用javascript加载的部分的代码显示了没有。看看console下面有没有报错。有的话再把问题发上来。

[iceqijunfei]

你可以参考下这篇文章http://hi.baidu.com/flondon/item/04e69ece8f5ecf0d0bd93a6a

[sleep-go]

引用 5 楼 iceqijunfei 的回复:

你的问题有点宽泛。建议你用chrome调试一下页面的html源，看看你想用javascript加载的部分的代码显示了没有。看看console下面有没有报错。有的话再把问题发上来。

console中没有报错. 和正常的jqm页面的区别是data-role=page这个div中缺少了一个ui-page-active的class. 但是手动的把这个class加上的话会出现一些问题.

[sleep-go]

自己已经解决了 下面讲下吧 给 data-role=page的div 起个id ="page1" 然后$.mobile.changePage("#page1");就好了

[ljtang_it]

对我的帮助非常大,谢谢!

[windSpeeders]

非常有用，关键是$.mobile.changePage("#page1");