用Jquery动态append方式加入标签时(或者使用字符串拼接)Css样式丢失的解决方法

$("#所在标签id").append(obj);  // 用append 方式添加拼接的标签

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

$("#所在标签id").trigger("create");  //重新加载所在标签的样式。不加这一句动态append的标签将丢失Css样式

 

 

 

$.ajax({
type:"POST",
url:"http://192.168.43.155:8080/Video/NormalVideoServlet",
async:true,
data:{
"viodes_if_vip":"0"
},
error:function(){
alert("网络不通畅!");
},
success:function(result){
var tbody = $("#all").html();
var json = $.parseJSON(result);
$.each(json, function(i,o) {
var videosName = o.videosName;
var videosId = o.videosId;
tbody = tbody + '<ul data-role="listview" data-inset="true" value="'+o.videosId+'">'+
'<li data-role="list-divider" data-theme="a">'+o.videosName+'</li>'+
'<li>Read-only list item</li>'+
'<li><a href="#">在线观看</a></li>'+
'</ul>';
});
$("#all").html(tbody);
$("#all").trigger("create");
}
});

posted @ 2018-11-19 15:05  付大大  阅读(6320)  评论(0编辑  收藏  举报