js动态添加元素之后jquery mobile不能正确渲染解决方法

jquerymobile动态添加元素之后有些不能被正确渲染的解决方法：

listview： 添加 jq(".detail").listview("refresh");

div或其他：添加.trigger( "create" );

create事件适用范围广，甚至可以是 不存在的元素(raw markup?)，比如要插入一个按钮

$(‘<a data-role="button">dy button</a>‘).appendTo(‘#content‘).trigger(‘create‘);

有些对象提供了refresh 方法，如listview、flip toggle。与create的区别是refresh方法需要作用在已存在的对象上，如

$(‘ul‘).listview(‘refresh‘)，而且refresh只会去更新新加入的元素，如listview里最新append的元素会更新，原有的保持不变。

不使用jqm样式：

如果不希望jqm自动初始化你的元素，有两种方法。加入data-role="none"属性，或者在mobileinit事件中对keepNative选项进行配置

1 $(document).bind(‘mobileinit‘,function(){
2     $.mobile.page.prototype.options.keepNative = "select, input.foo, textarea.bar";
3 });