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

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 });