在用到原生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