用Jquery动态方式加入标签时 css样式丢失的解决方法

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

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

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

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

 

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

      var obj = "<div class="mhn-item" style="height:470px;">
                    <div class="mhn-inner" >
                        <img src="https://source.unsplash.co/600x400/?video" style="height:300px;">
                        <div class="mhn-img" style="height: 1   00px;"><div class="loader-circle"><div class="loader-stroke-left"></div><div class="loader-stroke-right"></div></div></div>
                        <div class="mhn-text">
                            <h4>Video</h4>
                        </div>
                    </div>
                </div>";  
$("#所在标签id").append(obj);  // 用append 方式添加拼接的标签

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

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

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