jquery动态添加列表后样式失效解决方式

最近在做一个通讯录，使用jquery mobile方式来做，在动态添加列表后，listview原有的样式失效，折腾一会，找出解决办法。代码如下。

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>海大经管通讯录</title>
<link href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css">
<script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js" type="text/javascript"></script>
</head>
<body>
<div data-role="page" id="page"><div data-role="content"><ul data-role="listview" data-split-icon="arrow-r" id="userlist" data-filter="true" data-filter-placeholder="Search..."></ul></div>
</div>
</body>
<script type="text/javascript">
$(function(){getTeacherInfo(1,10);function getTeacherInfo(page,rows){$.ajax({url:url,type:'POST',async: false,success:function(data){var str = "";$.each(data.rows,function(n,value){str += '<li><a href="tel:'+value.shouji.substring(0,11)+'">'+value.username+'<p class="ui-li-aside" id="shouji">'+value.shouji.substring(0,11)+'</p></a><a href="http://221.182.235.210/contact2/weixin/d.jsp?username='+value.username+'&shouji='+value.shouji.substring(0,11)+'&zhuzhai='+value.zhuzhai+'&bangong='+value.bangong+'&email='+value.email+'" id="go2detail"></a></li>';});//  str += '<li><a href="#" id="get_more">加载更多</a></li>';//追加html$("#userlist").append(str);//刷新listview,使之恢复样式$("#userlist").listview("refresh");//分页加载，提高用户体验if(page<18){getTeacherInfo(++page, rows);}}});}/*  $("li").click(function(){var id = $(this).id;alert(id);}); */
});
</script>
</html>

转载于:https://www.cnblogs.com/qitian1/p/6461882.html

jquery动态添加列表后样式失效解决方式相关推荐

addroutes刷新_vue 解决addRoutes动态添加路由后刷新失效问题
前言某些场景下我们需要利用addRoutes动态添加路由,但是刷新后就会失效,前段时间项目里刚好遇到了这个应用场景,所以就花时间研究了一下,做下分享跟记录,说的不对的地方,请大家指正. 应用场景:用 ...
html追加没有样式,js/jquery动态添加html，样式和方法不生效的解决方案
var html = " " + " " + " \n" + " \n" + " \n" + &qu ...
JQuery动态添加/删除class样式
有时我们会对某个控件的class样式进行获取.添加.修改.删除.下面是简单整理的一些实例用法: html样例代码如下: <ul class="pro_list fl cont" ...
【highlight】highlight 动态添加代码，样式失效
在使用highlight 的时候,发现效果不错,然而当我用jQuery改变内容时,酷炫的高亮效果没了原来hljs.initHighlightingOnLoad();初始化的时候只会对其渲染一次,查阅 ...
jquery 动态添加div元素（两种方式）
方法一: var creatediv= function(){var parentdiv=$('<div></div>'); //创建一个父divparentdiv.attr( ...
jQuery动态添加按钮，绑定点击事件失效
jQuery动态添加按钮,绑定点击事件失效因为需求需要给页面动态添加按钮并绑定点击事件进行操作, 但是发现绑定的点击事件失效. 原因分析: append中的节点是在整个文档加载完之后开始添加,因此页 ...
jQuery使用toggleClass方法动态添加删除Class样式的方法
本文实例讲述了jQuery使用toggleClass方法动态添加删除Class样式的方法.分享给大家供大家参考.具体分析如下: jQuery通过toggleClass方法动态添加删除Class,一次执 ...
js动态添加样式和jQuery动态添加样式
0.style方式添加样式 DOM对象.style.color = 'red'DOM对象.style.display = 'block/none' //让元素显示/隐藏 1.js动态添加样式 1.添加 ...
jquery 动态添加标签而且指定样式
在jsp页面中给jquery 动态添加标签而且指定样式: $("#id").append("<span style='color:red........'>& ...

jquery动态添加列表后样式失效解决方式

jquery动态添加列表后样式失效解决方式相关推荐

最新文章

热门文章