前端用jquery 的append添加html会失去css样式

在用到原生javascript 或 jquery 加入标签时

有时会因为某些原因 比如css内容过多的时候

这种情况下新加入标签的css样式会丢失

在进行了一些摸索后找到了解决方案:

一般在Jquery中会用下面的方式来添加新标签：

      var obj = "<fieldset data-role='controlgroup' data-type='vertical' data-role='fieldcontain'>

                <input id='menu0" type='checkbox'/><label for='menu0'> 复选框 </label> </fieldset>";  //按个人要求拼接标签
$("#所在标签id").append(obj);  // 用append 方式添加拼接的标签

$("#所在标签id")..listview("refresh");   //在使用'ul'标签时才使用，作用:刷新列表

$("#所在标签id").trigger("create");  //重点：这名的意思是重新加载所在标签的样式。非常有用的一句话，不加这一句你动态append的标签将丢失Css样式

$("#所在标签id").trigger("create"); 
所在标签ID 可以是新加载元素的父控件的标签ID