修改留言样式

css/common.css

/*认证标识相关*/
.authiconNew{position:relative;top:2px;display: inline-block;margin-left:4px;background-position: center;background-repeat: no-repeat;}
.authicon-pro{width:16px;height:16px;background-image:url(../images/porfile_icon_zhuanjia_nor.png);background-size: cover;}/*科袖认证专家*/
.authicon-pro{width:16px;height:16px;margin-left:0;background-image:url(../images/porfile_icon_zhuanjia_nor.png);background-size: cover;}/*科袖认证专家*/
.authicon-com-ok{width:16px;height:16px;background-image:url(../images/porfile_icon_qiye_hig.png);background-size: cover;}/*认证企业*/
.authicon-com-no{width:16px;height:16px;background-image:url(../images/porfile_icon_qiye_nor.png);background-size: cover;}/*未认证企业*/
.authicon-staff-ok{width:44px;height:16px;background-image:url(../images/porfile_icon_yuangong_hig.png);background-size: cover;}/*企业认证员工*/
/*广告位的设计规则及尺寸    底部(760*120) 侧栏(260*200)*/
.rightconBox .conItem.advertBox{padding:0;width:260px;background: none;}
.commentsArea.advertItem{margin-top:30px}
.advertItem .swiper-pagination-bullet{width:6px; height:6px;}
.advertsub{position: relative;display: block;margin-bottom: 10px;}
.advertsub:after{content:"广告";font-size:10px;color:#fff;background:rgba(0,0,0,0.3);position:absolute;padding:0 4px;right:0;bottom:0px;}
.div2{top:80px;bottom:auto;z-index:999;position:fixed;_position:absolute}
.div3{z-index:999;position:fixed;_position:absolute}
.lastMo{height: 30px;}

css/genindex.css

.shareCode .shareWord p{font-size: 14px;line-height: 28px;}
.shareCode img{width:120px;height:120px;border: 4px solid #fff;}
/*.ifLogin{margin-top:30px;}
.ifLogin .ifLoginUn{background: #fff7e7;border:1px solid #E5E5E5;line-height:18px;padding:25px;color:#7b4b2b;font-size:14px;}
.ifLogin .ifLoginUn>ul>li{float: right;padding:0 6px;}
.ifLogin .ifLoginUn>ul>li.loginGo{cursor:pointer;}
.ifLogin .ifLoginUn a{color:#666;}
.ifLogin .ifLoginOn .btnModel{margin:12px 0;width: 80px;border-radius:0;cursor: pointer;}
.commentsArea{margin-top:30px;}
.commentsArea .btnCancel{height:auto;border-radius:0;color: #ff9900;}
.commentsArea.form-item ul.commentList .madiaHead.useHeadMsg{top:10px;margin-top:0;}
.commentsArea ul.commentList>li{padding:10px 0 20px;}
.commentsArea ul.commentList>li .h2Font{font-size: 16px;color: #666;line-height: 26px;}
.commentsArea ul.commentList>li .commenttime{font-size: 14px;color: #999;margin-left:18px;}
.commentsArea ul.commentList>li .operateSpan{margin:10px 0 0;color:#9d9ea8;font-size:14px;cursor: pointer;}
.commentsArea ul.commentList>li .operateSpan span{display: none;}
.commentsArea ul.commentList>li .operateSpan .callBack{position:relative;padding-left:20px;margin-right:40px;}
.commentsArea ul.commentList>li .operateSpan .callBack:before{position:absolute;content:url(../images/g_article_button_huifu_nor.png);top:50%;left:0;margin-top:-8px;}*/*/
.rightconBox .conItem.conItemG .madiaHead{display:block;width: 100px; height: 100px;border:1px solid #E5E5E5;margin:0 auto 10px;background-position:center;background-size:cover;}
.rightconBox .conItem.conItemG .madiaHead.useHead{background-image:url(../images/default-photo.jpg);border-radius: 50%;}
.rightconBox .conItem.conItemG .madiaHead.cmpHead{background:#fff;border:none;width: 200px;height:120px;}
/*问答 2017.12.26*/
.qa-owner{overflow: hidden;min-height:40px;margin: 6px 0 2px;}
.qa-owner .urlgo{display: block;width: 100%;}
.qa-owner .owner-head{position:absolute;top:50%;background-position: center;background-size: cover;}
.qa-owner .owner-head.useHead{width:32px;height:32px;margin-top:-16px;background-image: url(../images/default-photo.jpg);border-radius: 50%;}
.qa-owner .owner-info{padding-left:38px;}

css/leaveWord.css

.ifLogin .ifLoginUn>ul>li{float: right;padding:0 6px;}
.ifLogin .ifLoginUn>ul>li.loginGo{cursor:pointer;}
.ifLogin .ifLoginUn a{color:#666;}
.ifLogin .ifLoginOn .btnModel{margin:12px 0;width: 80px;border-radius:0;cursor: pointer;}
.ifLogin .ifLoginOn .btnModel{margin:12px 0;width: 80px;height: 34px;line-height:24px;border-radius:4px;cursor: pointer;}
.list-hold .ifLogin .msgContbox textarea{min-height:150px;margin: 0;}
.commentsArea{margin-top:30px;}
.commentsArea{margin-top:0;}
.commentsArea .btnCancel{height:auto;border-radius:0;color: #ff9900;}
.commentsArea.form-item ul.commentList .madiaHead.useHeadMsg{top:10px;margin-top:0;}
.commentList>li{padding:10px 0 20px;}
.commentList>li .h2Font{font-size: 16px;color: #666;line-height: 26px;}
.commentList .madiaHead.useHeadMsg{top:15px;margin-top:0;}
.commentList>li p .huifu{margin:0 6px 0 12px;font-size:15px;}
.commentList>li{position:relative;padding:10px 0 12px;min-height: 110px;}
.commentList>li:after{background: #E5E5E5;height:1px;content:"";position:absolute;bottom:0;left:60px;right:0;}
.commentList>li:last-child:after{content:none;}
.commentList>li .h2Font{font-size: 15px;color: #1a1a1a;line-height: 26px;}
.commentList>li p{margin-bottom:8px;}
.commentList>li .messageContent{line-height: 22px;}
.commentList>li .commenttime{font-size: 14px;color: #999;margin-left:18px;}
.commentList>li .operateSpan{margin:10px 0 0;color:#9d9ea8;font-size:14px;}
.commentList>li .operateSpan>em>span{margin-right:20px;}
.commentList>li .operateSpan .callBack{position:relative;padding-left:20px;margin-right:40px;cursor:pointer;}
.commentList>li .operateSpan .callBack:before{position:absolute;content:url(../images/g_article_button_huifu_nor.png);top:50%;left:0;margin-top:-8px;}
.messageDel{cursor:pointer;}
.txtArea{width: 100%; outline: none; margin: 0px; height: 32px;resize:none;border: 1px solid #E5E5E5;overflow:hidden;}
.pTxt{text-align: right;margin-top: 10px;font-size:14px;}
.commentList>li .operateSpan{margin:12px 0 0;color:#9d9ea8;font-size:14px;}
.commentList>li .operateSpan span{margin-right:20px;position:relative;cursor:pointer;}
.commentList>li .operateSpan em{font-style:normal;font-size: 14px;}
.callBack:after{position:absolute;content:url(../images/g_article_button_huifu_nor.png);top:50%;margin-left: 4px;margin-top:-8px;}
.messageDel:after{position:absolute;content:url(../images/g_article_button_del_nor.png);top:50%;margin-left: 4px;margin-top:-9px;}
.txtArea{width: 100%; outline: none; margin: 0px; height:38px;resize:none;border: 1px solid #E5E5E5;overflow:hidden;}
.pTxt{text-align: right;margin-top: 10px;font-size:15px;}
.qCancel{color: #8590a6;cursor: pointer;}
.hReply{padding: 5px 10px;background-color: #ff9900;color: #fff;margin-left: 10px;cursor: pointer;outline:none;border:none;}
.replyLeword {margin-top:10px;}
.noMy{font-style:normal;}
.dzthumb{position: relative;top: -1px;display: inline-block;padding: 5px 10px 5px 10px;font-size: 16px;background-color: #ffe9c8;cursor: pointer;border-radius: 5px;border-radius: 5px;}
.dzthumb.dzthumbed{color: #FFFFFF;background: #ff9900;}
.dzthumbed .icon-zan{background-position: 0 -1px;}
.replyLeword textarea {  font-size: 14px;line-height: 30px;padding: 0 10px;}
.commentList>li .operateSpan .dzthumb{position: relative;top: -1px;display: inline-block;padding: 5px 10px 5px 10px;font-size: 16px;background-color: #ffe9c8;border-radius: 5px;border-radius: 5px;cursor: auto;}
.commentList>li .operateSpan .dzthumbCan{cursor: pointer;}
.commentList>li .operateSpan .dzthumb.dzthumbed{color: #FFFFFF;background: #ff9900;cursor: auto;}
.commentList>li .operateSpan .dzthumbed .icon-zan{background-position: 0 -1px;}
.replyLeword textarea {  font-size: 15px;line-height:30px;padding:4px 10px;}
.replyLeword textarea:focus{border-color:#ff9900;}
.js-load-more:before{content:"查看更多留言"};

discover.html

					</div>
				</li>
				<li>
					<div class="aboutTit">问题标题<em class="requiredcon">*</em><span class="frmconmsg"></span></div>
					<div class="aboutTit">问题题目<em class="requiredcon">*</em><span class="frmconmsg"></span></div>
				    <div class="msgContbox">
			    		<textarea class="msgCont" id="queTit" placeholder="请提出您的问题并以问号结尾"></textarea>
			    		<span class="msgconNum"><em>0</em>/50</span>

inform.html

		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>浏览问答-科袖网</title>
		<title>通知-科袖网</title>
		<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link type="text/css" href="css/common.css" rel="stylesheet">
			<link type="text/css" href="css/popup.css" rel="stylesheet">
		<link type="text/css" href="css/genindex.css" rel="stylesheet">
		<link type="text/css" href="css/leaveWord.css" rel="stylesheet">
		<style type="text/css">

js/answerLeaveW.js

		var self = this;
		ajaxRequist("/ajax/leavemsg/subject",obj, "GET", function(data) {
			if(!obj.id) {
			var strer='<div class="ifLogin">' +
				var strer='<div class="ifLogin">' +
					    '<form class="ifLoginOn clearfix">' +
					    	'<div class="msgContbox">' +
					    		'<textarea class="msgCont" placeholder="请输入您的留言内容..."  maxlength="200"></textarea>' +
				'<div class="form-item commentsArea">'+
					'<ul class="commentList">' +
					'</ul><div class="con-kong displayNone">暂无留言</div>' +
					'<button class="frmconbtn btnCancel displayNone">查看更多留言</button>' +
					'<button class="js-load-more displayNone"></button>' +
				'</div>'
				var $strer=$(strer);
				selecter.append($strer);
				
				if(data.length==0) {
					$strer.find(".con-kong").removeClass("displayNone");
				}
				$strer.find("input").data("ouse",obj);
				(data.length>4)?$strer.find(".btnCancel").removeClass("displayNone").data("obj",{
					sid:obj.sid,
					sType:4,
					time:data[data.length-1].createTime,
					id:data[data.length-1].id
				}):"";
				if(data.length>4){
					$strer.find(".js-load-more").removeClass("displayNone").data("obj",{
						sid:obj.sid,
						sType:4,
						time:data[data.length-1].createTime,
						id:data[data.length-1].id
					})
				}
			}else{
				(data.length>4)?selecter.siblings("button").removeClass("displayNone").data("obj",{
					sid:obj.sid,
					sType:4,
					time:data[data.length-1].createTime,
					id:data[data.length-1].id
				}):selecter.siblings("button").addClass("displayNone");
				if(data.length>4){
					$strer.find(".js-load-more").removeClass("displayNone").data("obj",{
						sid:obj.sid,
						sType:4,
						time:data[data.length-1].createTime,
						id:data[data.length-1].id
					})
				}else{
					selecter.siblings(".js-load-more").addClass("displayNone")
				}
			}
			if(data.length == 0) {
				return;
		for(var i = 0; i < data.length; i++) {
				var reply="";
				if(data[i].reciver) {
					reply = '<span style="margin:0px 10px;font-size:16px;">回复 </span><a href="userInforShow.html?professorId='+data[i].reciver+'" class="userhref"><span class="h1Font messageName">张某某</span></a><em class="authiconNew" title="科袖认证专家"></em>'
					reply = '<span class="huifu">回复 </span><a href="userInforShow.html?professorId='+data[i].reciver+'" class="userhref"><span class="h2Font messageName">张某某</span><em class="authiconNew" title="科袖认证专家"></em></a>'
				}
				var itemlist = '<li class="flexCenter">';
				var itemlist = '<li>';
				itemlist += '<a href class="userhref"> <div class="madiaHead useHead useHeadMsg"></div></a>';
				itemlist += '<div class="madiaInfo">';
				itemlist += '<p><a href="userInforShow.html?professorId='+data[i].sender+'" class="userhref"><span class="h1Font messageName">张某某</span></a><em class="authiconNew" title="科袖认证专家"></em>'+reply+'<span class="commenttime" style="float:right;">'+commenTime(data[i].createTime)+'</span></p>';
				itemlist += '<p><a href="userInforShow.html?professorId='+data[i].sender+'" class="userhref"><span class="h2Font messageName">张某某</span></a><em class="authiconNew" title="科袖认证专家"></em>'+reply+'<span class="commenttime" style="float:right;">'+commenTime(data[i].createTime)+'</span></p>';
				itemlist += '<p class="h2Font messageContent">'+data[i].cnt+'</p>';
				itemlist += '<div class="operateSpan"><em class="noMy"><span class="dzthumb"><span class="hold-icon icon-zan"></span><span class="agreeCount" style="margin-left: 6px;">'+data[i].agreeCount+'</span></span><span class="callBack">回复</span></em><span class="messageDel displayNone">删除</span></div>';
				itemlist += '<div class="operateSpan">'
				itemlist += '<span class="dzthumb dzthumbCan"><em class="hold-icon icon-zan"></em><em class="agreeCount" style="margin-left: 6px;">'+data[i].agreeCount+'</em></span>'
				itemlist += '<span class="callBack">回复</span>'
				itemlist += '<span class="messageDel displayNone">删除</span></div>';
				itemlist += '<div class="displayNone replyLeword"><textarea class="txtArea"></textarea><p class="pTxt"><span class="qCancel">取消</span><button class="hReply btnModel" disabled>回复</button></p></div></div></li>';
				$itemlist = $(itemlist);
				selector.append($itemlist); 
				$itemlist.attr('data-obj',JSON.stringify(data[i]));
				if(id == data[i].sender) {
					$itemlist.find(".messageDel").removeClass("displayNone").end().find(".noMy").hide();
					$itemlist.find(".dzthumb").removeClass("dzthumbCan");
					$itemlist.find(".messageDel").removeClass("displayNone").end().find(".callBack").hide();
				}
				if(data[i].reciver) {
					self.userInfo(data[i].sender, $itemlist, 0);
                sender: $.cookie('userid'),
                uname: $.cookie('userName')
            },
            dataType: 'json', //服务器返回json格式数据
            dataType: 'json',
            type: "POST",
            beforeSend: function() {
                // $(".table-body").append('<img src="../images/loading.gif" class="loading" />');
                $(".list-hold-list").off("click");
            	$(".list-hold-list .ifLoginOn input").attr("disabled","true");
            },
            complete:function () {
                $(".list-hold-list").on('click',".ifLogin input",function() {
                        self.topHtml($($this).parents(".ifLogin").siblings(".commentsArea").find("ul"), data)
                    })
                }
            },
            error: function(xhr, type, errorThrown) {
                $.MsgBox.Alert('提示', '服务器请求失败');
            }
        });
		// ajaxRequist("/ajax/leavemsg", {
		// 	cnt: $($this).siblings(".msgContbox").find("textarea").val(),
		// 	refId: $($this).data("ouse").sid,
		// 	refType: $($this).data("ouse").stype,
		// 	sender: $.cookie('userid'),
		// 	uname: $.cookie('userName')
		// }, "POST", function(data) {
		// 	$($this).siblings(".msgContbox").find("textarea").val("").siblings(".msgconNum").find("em").text(0);
		// 	ajaxRequist("/ajax/leavemsg/qo", {id:data},"GET",function(data) {
		// 		self.topHtml($($this).parents(".ifLogin").siblings(".commentsArea").find("ul"),[data])
		// 	})
		// })
	}
	LeaveWord.prototype.autoGrow=function(){
		document.getElementById("tt").style.width=this.scrollWidth+"px";
			var obj=JSON.parse($(this).attr("data-obj")),
			target=e.target;
			switch (target.className){
				case "dzthumb":self.thub.call(target, obj.id,obj.agreeCount);
				case "dzthumb dzthumbCan":self.thub.call(target, obj.id,obj.agreeCount);
					break;
				case "callBack":$(target).parents(".operateSpan").addClass("displayNone").siblings(".replyLeword").removeClass("displayNone");
				case "callBack":self.LwordBack(target, obj);
					break;
				case "messageDel":self.LwordDel(target, obj);
					break;
					break;
			}
		});
		$(".list-hold-list").on("click", ".answerWord .btnCancel", function(e) {
		$(".list-hold-list").on("click", ".answerWord .js-load-more", function(e) {
				var $obj=$(this).data('obj');
				self.init($(this).siblings("ul"),{sid: $obj.sid,stype: $obj.sType,time: $obj.time,id: $obj.id});
		})
			if($.trim($(this).val()).length>0) {
					$(this).siblings(".msgconNum").find("em").text($(this).val().length).parents(".msgContbox").siblings("input").removeAttr("disabled");
				}else{
					$(this).parents(".msgContbox").siblings("input").attr("disabled","disabled");
					$(this).parents(".msgContbox").siblings("input").attr("disabled","true");
				}
		})
		$(".list-hold-list").on("input", ".commentList textarea", function(e) {
					$(this).siblings().find(".btnModel").removeAttr("disabled");
					self.autoGrow.call(this);
				}else{
					$(this).siblings().find(".btnModel").attr("disabled","disabled");
					$(this).siblings().find(".btnModel").attr("disabled","true");
				}
		})
		
			uid: $.cookie('userid')
		}, "GET", function(data) {
			if(data) {
				li.find(".dzthumb").addClass("dzthumbed").css("cursor","auto");
				li.find(".dzthumbCan").addClass("dzthumbed");
			}
		})
	}
			uid: $.cookie('userid'),
			uname: $.cookie('userName')
		}, "POST", function(data) {
			$(self).addClass('dzthumbed').css("cursor","auto").find(".agreeCount").html(num+1)
			$(self).addClass('dzthumbed').find(".agreeCount").html(num+1)
		})
	}
	LeaveWord.prototype.replyLword = function( $th,lid) {
			$($this).parents(".flexCenter").remove();
		})
	}
	LeaveWord.prototype.LwordBack = function($this, lid) {
		$(".replyLeword").each(function(item){
			$(".replyLeword").eq(item).addClass("displayNone").siblings(".operateSpan").removeClass("displayNone");
		})
		$($this).parents(".operateSpan").addClass("displayNone").siblings(".replyLeword").removeClass("displayNone")
	}
	LeaveWord.prototype.LwordTotal = function($th,lid) {
		var self = this;
		ajaxRequist("/ajax/leavemsg/count", {

js/articalShow.js

/*文章预览*/
$(document).ready(function() {
	var articleId = GetQueryString("articleId");
	$(".commentList").parent().append('<button class="js-load-more displayNone"></button>')
	module.lWord(articleId,1,1);
	if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
	 	location.href="http://" + window.location.host + "/e/a.html?id="+articleId;

js/articalShow2.js

	if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
	 	location.href="http://" + window.location.host + "/e/a.html?id="+articleId;
	}
	$(".commentList").parent().append('<button class="js-load-more displayNone"></button>')
	module.lWord(articleId,1,1);
	var userid = $.cookie("userid");
	var zjreturnId;

js/discover.js

		            }
		            var str = '<div class="owner-head useHead" style="background-image:url(' + baImg + ')"></div>' +
		                '<div class="owner-info">' +
		                '<div class="owner-name">' + dataStr.name + '<em class="authicon ' + userType.sty + '" title="' + userType.title + '"></em></div>' +
		                '<div class="owner-name">' + dataStr.name + '<em class="authiconNew ' + userType.sty + '" title="' + userType.title + '"></em></div>' +
		                '<div class="owner-tit ellipsisSty">' + os + '</div>' +
		                '</div>'
		            $str.find(".qa-owner").html(str)

js/informLeaveW.js

	}
	LeaveWord.prototype.addHtml = function() {
		$("body").append('<textarea class="txtArea" id="tt" style="position:absolute;top:0;left:-999px;"></textarea>')
		var str='<div class="blackcover resAreaCover displayNone"><div class="resAreaBox form-item"><div class="researchArea" id="subArea" style="text-align:center;">留言详情</div><div class="form-item" style="padding:0px 30px;"><ul class="commentList"></ul></div><span class="workclose" id="workclose"></span></div></div>'
		var str='<div class="blackcover resAreaCover displayNone"><div class="resAreaBox"><div class="researchArea" id="subArea" style="text-align:center;">留言详情</div><div class="form-item" style="padding:0px 30px 30px;"><ul class="commentList" style="min-height: 100px;"></ul></div><span class="workclose" id="workclose"></span></div></div>'
		$("body").prepend(str);
	}
	LeaveWord.prototype.init = function(obj) {
		ajaxRequist("/ajax/leavemsg/dialog", obj, "GET", function(data) {
			if(data.length == 0) {
				return;
				$(".commentList").html("").append("<div class='con-kong displayNone'>暂无留言</div>");
			}
			$(".commentList").html("");
			for(var i = 0; i < data.length; i++) {
				var reply = "";
				if(data[i].reciver) {
					reply = '<span style="margin:0px 10px;">回复 </span><a href="userInforShow.html?professorId=' + data[i].reciver + '" class="userhref"><span class="h1Font messageName">张某某</span></a><em class="authiconNew" title="科袖认证专家"></em>'
					reply = '<span class="huifu">回复 </span><a href="userInforShow.html?professorId=' + data[i].reciver + '" class="userhref"><span class="h2Font messageName">张某某</span><em class="authiconNew" title="科袖认证专家"></em></a>'
				}
				if(data[i].state =="0") {
					data[i].cnt="该留言已被其本人删除。";
				}
				var itemlist = '<li class="flexCenter">';
				itemlist += '<a href class="userhref"> <div class="madiaHead useHead useHeadMsg"></div></a>';
				var itemlist = '<li>';
				itemlist += '<a class="madiaHead useHead useHeadMsg userhref" href="userInforShow.html?professorId=' + data[i].sender + '"></a>';
				itemlist += '<div class="madiaInfo">';
				itemlist += '<p><a href="userInforShow.html?professorId=' + data[i].sender + '" class="userhref"><span class="h1Font messageName">张某某</span></a><em class="authiconNew" title="科袖认证专家"></em>' + reply + '<span class="commenttime" style="float:right;">' + commenTime(data[i].createTime) + '</span></p>';
				itemlist += '<p><a href="userInforShow.html?professorId=' + data[i].sender + '" class="userhref"><span class="h2Font messageName">张某某</span><em class="authiconNew" title="科袖认证专家"></em></a>' + reply + '<span class="commenttime" style="float:right;">' + commenTime(data[i].createTime) + '</span></p>';
				itemlist += '<p class="h2Font messageContent">' + data[i].cnt + '</p>';
				itemlist += '<div class="operateSpan"><em class="noMy"><span class="dzthumb"></span><span class="thNum">赞0</span><span class="callBack">回复</span></em><span class="messageDel displayNone">删除</span></div>';
				itemlist += '<div class="operateSpan">'
				itemlist += '<span class="dzthumb dzthumbCan"><em class="hold-icon icon-zan"></em><em class="agreeCount" style="margin-left: 6px;">'+data[i].agreeCount+'</em></span>'
				itemlist += '<span class="callBack">回复</span>'
				itemlist += '<span class="messageDel displayNone">删除</span></div>';
				itemlist += '<div class="displayNone replyLeword"><textarea class="txtArea"></textarea><p class="pTxt"><span class="qCancel">取消</span><button class="hReply btnModel" disabled>回复</button></p></div></div></li>';
				$itemlist = $(itemlist);
				$(".commentList").append($itemlist);
				$itemlist.attr('data-obj', JSON.stringify(data[i]));
				$(".commentList").append($itemlist); 
				$itemlist.attr('data-obj',JSON.stringify(data[i]));
				if(id == data[i].sender) {
					$itemlist.find(".messageDel").removeClass("displayNone").end().find(".noMy").hide();
					$itemlist.find(".dzthumb").removeClass("dzthumbCan");
					$itemlist.find(".messageDel").removeClass("displayNone").end().find(".callBack").hide();
				}
				if(data[i].state =="0") {
					$itemlist.find(".operateSpan").addClass("displayNone");
					$itemlist.find(".dzthumb").removeClass("dzthumbCan");
					//$itemlist.find(".commenttime").addClass("displayNone")
					$itemlist.find(".operateSpan").remove()
				}
				if(data[i].reciver) {
					self.userInfo(data[i].sender, $itemlist, 0);
			if(!lgin()) {
				return;
			}
			var obj = JSON.parse($(this).attr("data-obj")),
				target = e.target;
			switch(target.className) {
				case "dzthumb":
					self.thub.call(target, obj.id, obj.agreeCount);
			var obj=JSON.parse($(this).attr("data-obj")),
			target=e.target;
			switch (target.className){
				case "dzthumb dzthumbCan":self.thub.call(target, obj.id,obj.agreeCount);
					break;
				case "callBack":
					$(target).parents(".operateSpan").addClass("displayNone").siblings(".replyLeword").removeClass("displayNone");
				case "callBack":self.LwordBack(target, obj);
					break;
				case "messageDel":
					self.LwordDel(target, obj.id);
				case "messageDel":self.LwordDel(target, obj.id);
					break;
				case "hReply btnModel":
					self.replyLword(target, obj.id)
				case "hReply btnModel":self.replyLword(target,obj.id)
					break;
				case "qCancel":
					$(target).parent().siblings("textarea").val("").parents(".replyLeword").addClass("displayNone").siblings(".operateSpan").removeClass("displayNone")
				case "qCancel": $(target).parent().siblings("textarea").val("").parents(".replyLeword").addClass("displayNone").siblings(".operateSpan").removeClass("displayNone")
					break;
			}
		});
			uid: $.cookie('userid')
		}, "GET", function(data) {
			if(data) {
				li.find(".thNum").html("已赞" + num).end().find(".dzthumb").addClass("dzthumbed").css("cursor", "auto");
				li.find(".dzthumbCan").addClass("dzthumbed");
				//li.find(".thNum").html("已赞" + num).end().find(".dzthumbCan").addClass("dzthumbed").css("cursor", "auto");
			}
		})
	}
			uid: $.cookie('userid'),
			uname: $.cookie('userName')
		}, "POST", function(data) {
			$(self).addClass('dzthumbed').siblings(".thNum").html("已赞" + (num + 1)) // + (Number(self.getAttribute("data-num")) + 1);
			$(self).addClass('dzthumbed').find(".agreeCount").html(num+1)
			//$(self).addClass('dzthumbed').siblings(".thNum").html("已赞" + (num + 1)) // + (Number(self.getAttribute("data-num")) + 1);
		})
	}
	LeaveWord.prototype.replyLword = function($th, lid) {
		if(!self.size.call($($th).parents(".pTxt").siblings("textarea"))) {
			return;
		}
		ajaxRequist("/ajax/leavemsg/reply", {
			cnt: $($th).parents(".pTxt").siblings("textarea").val(),
			id: lid,
			uid: $.cookie('userid'),
			uname: $.cookie('userName')
		}, "POST", function(data) {
			$($th).parents(".pTxt").siblings("textarea").val("").parents(".replyLeword").addClass("displayNone").siblings(".operateSpan").removeClass("displayNone")
			self.init({
				id: self.id
			});
		})
		$.ajax({
            url:"/ajax/leavemsg/reply",
            data: {
                cnt: $($th).parents(".pTxt").siblings("textarea").val(),
				id: lid,
				uid: $.cookie('userid'),
				uname: $.cookie('userName')
            },
            dataType: 'json',
            type: "POST",
            beforeSend: function() {
               $(".list-hold-list .ifLoginOn input").attr("disabled","true");
            },
            complete:function () {
//				$(".commentList").on("click", "li", function(e) {
//					if(!lgin()) {
//						return;
//					}
//					var obj=JSON.parse($(this).attr("data-obj")),
//					target=e.target;
//					switch (target.className){
//						case "dzthumb dzthumbCan":self.thub.call(target, obj.id,obj.agreeCount);
//							break;
//						case "callBack":self.LwordBack(target, obj);
//							break;
//						case "messageDel":self.LwordDel(target, obj.id);
//							break;
//						case "hReply btnModel":self.replyLword(target,obj.id)
//							break;
//						case "qCancel": $(target).parent().siblings("textarea").val("").parents(".replyLeword").addClass("displayNone").siblings(".operateSpan").removeClass("displayNone")
//							break;
//					}
//				});
            },
            traditional: true,
            success: function (data) {
                if (data.success) {
                    $($th).parents(".pTxt").siblings("textarea").val("").parents(".replyLeword").addClass("displayNone").siblings(".operateSpan").removeClass("displayNone")
					self.init({
						id: self.id
					});
				
                }
            }
        });
	}
	LeaveWord.prototype.LwordDel = function($this, lid) {
		var self = this;
			$($this).parents("li").remove();
		})
	}
	LeaveWord.prototype.LwordBack = function($this, lid) {
		$(".replyLeword").each(function(item){
			$(".replyLeword").eq(item).addClass("displayNone").siblings(".operateSpan").removeClass("displayNone");
		})
		$($this).parents(".operateSpan").addClass("displayNone").siblings(".replyLeword").removeClass("displayNone")
	}
	var module = {
		lWord: new LeaveWord()
	}

js/leaveWord.js

		var id = $.cookie('userid');
		var self = this;
		ajaxRequist("/ajax/leavemsg/subject",obj, "GET", function(data) {
			(data.length>4)?$("#moreArtical").removeClass("displayNone"):$("#moreArtical").addClass("displayNone");;
			(data.length>4)?$(".js-load-more").removeClass("displayNone"):$(".js-load-more").addClass("displayNone");
			
			if(!self.id) {
				$(".commentList").html("").append("<div class='con-kong displayNone'>暂无留言</div>");
			for(var i = 0; i < data.length; i++) {
				var reply="";
				if(data[i].reciver) {
					reply = '<span style="margin:0px 10px;">回复 </span><a href="userInforShow.html?professorId='+data[i].reciver+'" class="userhref"><span class="h1Font messageName">张某某</span></a><em class="authiconNew" title="科袖认证专家"></em>'
					reply = '<span class="huifu">回复 </span><a href="userInforShow.html?professorId='+data[i].reciver+'" class="userhref"><span class="h2Font messageName">张某某</span><em class="authiconNew" title="科袖认证专家"></em></a>'
				}
				var itemlist = '<li class="flexCenter">';
				var itemlist = '<li>';
				itemlist += '<a href class="userhref"> <div class="madiaHead useHead useHeadMsg"></div></a>';
				itemlist += '<div class="madiaInfo">';
				itemlist += '<p><a href="userInforShow.html?professorId='+data[i].sender+'" class="userhref"><span class="h1Font messageName">张某某</span></a><em class="authiconNew" title="科袖认证专家"></em>'+reply+'<span class="commenttime" style="float:right;">'+commenTime(data[i].createTime)+'</span></p>';
				itemlist += '<p><a href="userInforShow.html?professorId='+data[i].sender+'" class="userhref"><span class="h2Font messageName">张某某</span><em class="authiconNew" title="科袖认证专家"></em></a>'+reply+'<span class="commenttime" style="float:right;">'+commenTime(data[i].createTime)+'</span></p>';
				itemlist += '<p class="h2Font messageContent">'+data[i].cnt+'</p>';
				itemlist += '<div class="operateSpan"><em class="noMy"><span class="dzthumb"><span class="hold-icon icon-zan"></span><span class="agreeCount" style="margin-left: 6px;">'+data[i].agreeCount+'</span></span><span class="callBack">回复</span></em><span class="messageDel displayNone">删除</span></div>';
				itemlist += '<div class="operateSpan">'
				itemlist += '<span class="dzthumb dzthumbCan"><em class="hold-icon icon-zan"></em><em class="agreeCount" style="margin-left: 6px;">'+data[i].agreeCount+'</em></span>'
				itemlist += '<span class="callBack">回复</span>'
				itemlist += '<span class="messageDel displayNone">删除</span></div>';
				itemlist += '<div class="displayNone replyLeword"><textarea class="txtArea"></textarea><p class="pTxt"><span class="qCancel">取消</span><button class="hReply btnModel" disabled>回复</button></p></div></div></li>';
				$itemlist = $(itemlist);
				$(".commentList").append($itemlist); 
				$itemlist.attr('data-obj',JSON.stringify(data[i]));
				if(id == data[i].sender) {
					$itemlist.find(".messageDel").removeClass("displayNone").end().find(".noMy").hide();
					$itemlist.find(".dzthumb").removeClass("dzthumbCan");
					$itemlist.find(".messageDel").removeClass("displayNone").end().find(".callBack").hide();
				}
				if(data[i].reciver) {
					self.userInfo(data[i].sender, $itemlist, 0);
                sender: $.cookie('userid'),
                uname: $.cookie('userName')
			},
            dataType: 'json', //服务器返回json格式数据
            dataType: 'json',
            type: "POST",
            beforeSend: function() {
                // $(".table-body").append('<img src="../images/loading.gif" class="loading" />');
                $("#meSendtt").off("click");
            	$(".list-hold-list .ifLoginOn input").attr("disabled","true");
            },
            complete:function () {
                $("#meSendtt").click(function() {
                        rows: 5
                    });
                }
            },
            error: function(xhr, type, errorThrown) {
                $.MsgBox.Alert('提示', '服务器请求失败');
            }
        });
		// ajaxRequist("/ajax/leavemsg", {
		// 	cnt: $(".msgCont").val(),
		// 	refId: self.sid,
		// 	refType: self.stype,
		// 	sender: $.cookie('userid'),
		// 	uname: $.cookie('userName')
		// }, "POST", function() {
		// 	$(".msgCont").val("");
		// 	if(self.id) {
		// 		delete self.id;
		// 		delete self.time;
		// 	}
		// 	self.init({
		// 		sid: self.sid,
		// 		stype: self.stype,
		// 		rows: 5
		// 	});
		// })
	}
	LeaveWord.prototype.autoGrow=function(){
		document.getElementById("tt").style.width=this.scrollWidth+"px";
			var obj=JSON.parse($(this).attr("data-obj")),
			target=e.target;
			switch (target.className){
				case "dzthumb":self.thub.call(target, obj.id,obj.agreeCount);
				case "dzthumb dzthumbCan":self.thub.call(target, obj.id,obj.agreeCount);
					break;
				case "callBack":$(target).parents(".operateSpan").addClass("displayNone").siblings(".replyLeword").removeClass("displayNone");
				case "callBack":self.LwordBack(target, obj);
					break;
				case "messageDel":self.LwordDel(target, obj.id);
					break;
					$(this).siblings().find(".btnModel").attr("disabled","disabled");
				}
		})
		$("#moreArtical").click(function(){
		$(".js-load-more").click(function(){
			self.init({
				sid: self.sid,
				stype: self.stype,
			uid: $.cookie('userid')
		}, "GET", function(data) {
			if(data) {
				li.find(".dzthumb").addClass("dzthumbed").css("cursor","auto");
				li.find(".dzthumbCan").addClass("dzthumbed");
			}
		})
	}
			uid: $.cookie('userid'),
			uname: $.cookie('userName')
		}, "POST", function(data) {
			$(self).addClass('dzthumbed').css("cursor","auto").find(".agreeCount").html(num+1)
			$(self).addClass('dzthumbed').find(".agreeCount").html(num+1)
		})
	}
	LeaveWord.prototype.replyLword = function( $th,lid) {
			self.LwordTotal();
		})
	}
	LeaveWord.prototype.LwordBack = function($this, lid) {
		$(".replyLeword").each(function(item){
			$(".replyLeword").eq(item).addClass("displayNone").siblings(".operateSpan").removeClass("displayNone");
		})
		$($this).parents(".operateSpan").addClass("displayNone").siblings(".replyLeword").removeClass("displayNone")
	}
	LeaveWord.prototype.LwordTotal = function() {
		var self = this;
		ajaxRequist("/ajax/leavemsg/count", {

js/paperShow.js

	var userName = $.cookie("userName");
	var paperId = GetQueryString("paperId");
	var hurl = window.location.host;
	module.lWord(paperId,2);
	$(".commentList").parent().append('<button class="js-load-more displayNone"></button>')
	module.lWord(paperId,2,1);
	if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
	 	location.href="http://" + window.location.host + "/e/l.html?id="+paperId;
	}

js/paperShow1.js

	var userName = $.cookie("userName");
	var paperId = window.staticPageData.id;
	var hurl = window.location.host;
	$(".commentList").parent().append('<button class="js-load-more displayNone"></button>')
	module.lWord(paperId,2,1);
	if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
	 	location.href="http://" + window.location.host + "/e/l.html?id="+paperId;

js/patentShow.js

	}
	makeCode();
	
	module.lWord(GetQueryString("patentId"),3);
	$(".commentList").parent().append('<button class="js-load-more displayNone"></button>')
	module.lWord(GetQueryString("patentId"),3,1);
	function Patent() {
		this.init();
		this.flag = GetQueryString("flag");

js/patentShow1.js

	}
	makeCode();
	
	$(".commentList").parent().append('<button class="js-load-more displayNone"></button>')
	module.lWord(patentId,3,1);
	function Patent() {
		this.init();

js/qa-show.js

        },
		answerModule = function(dataStr, liStr) {
			var time="发布于 "+commenTime(dataStr.createTime)
			if(dataStr.modifyTime > dataStr.createTime){
				time="修改于 "+commenTime(dataStr.modifyTime)
			}
			var opertStr='<span class="jubao">举报</span>'
			var zancai='<div class="zan canZan"><em class="hold-icon icon-zan"></em><span class="agreeCount"></span></div>'+
						'<div class="cai canCai"><em class="hold-icon icon-cai"></em></div>'
			if(dataStr.uid==userid){
				opertStr='<span class="xiugai">修改</span><span class="shanchu">删除</span>'
				time="修改于 "+commenTime(dataStr.modifyTime)
				zancai='<div class="zan noZan"><em class="hold-icon icon-zan"></em><span class="agreeCount"></span></div>'+
						'<div class="cai noCai"><em class="hold-icon icon-cai"></em></div>'
			}
			});
			//点赞回答
			$str.find(".canZan").on("click",function(){
				var that =$(this)
				if(userid && userid != null && userid != "null") {
					if($(this).is('.active')){
					if(that.is('.active')){
						oAjax('/ajax/question/answer/agree/cancle', {
							"id": anid,
							"uid":userid,
							"uname":username
						}, "POST", function(res) {
							$str.find(".canZan").removeClass("active")
							answerAgreeNum(anid, that.parents(".holdSpan"));
						})
					}else{
						oAjax('/ajax/question/answer/agree', {
						}, "POST", function(res) {
							$str.find(".canZan").addClass("active")
							$str.find(".canCai").removeClass("active")
							answerAgreeNum(anid, that.parents(".holdSpan"));
						})
					}
					answerAgreeNum(anid, $(this).parents(".list-qa"));
				}else{
					quickLog();
					operatTab();
			})
			//踩回答
			$str.find(".canCai").on("click",function(){
				var that =$(this)
				if(userid && userid != null && userid != "null") {
					if($(this).is('.active')){
					if(that.is('.active')){
						oAjax('/ajax/question/answer/oppose/cancle', {
							"id":anid,
							"uid":userid,
							"uname":username
						}, "POST", function(res) {
							$str.find(".canCai").removeClass("active")
							answerAgreeNum(anid,that.parents(".holdSpan"));
						})
						
					}else{
						}, "POST", function(res) {
							$str.find(".canCai").addClass("active")
							$str.find(".canZan").removeClass("active")
							answerAgreeNum(anid, that.parents(".holdSpan"));
						})
					}
					answerAgreeNum(anid, $(this).parents(".list-qa"));
					
				}else{
					quickLog();
					operatTab();
						}
					}
				}
				var str = '<div class="owner-head useHead" style="background-image:url(' + baImg + ')"></div>' +
				var str = '<a class="urlgo" target="_blank" href="userInforShow.html?professorId=' + dataStr.id +'"><div class="owner-head useHead" style="background-image:url(' + baImg + ')"></div>' +
					'<div class="owner-info">' +
					'<div class="owner-name">' + dataStr.name + '<em class="authiconNew ' + userType.sty + '" title="' + userType.title + '"></em></div>' +
					'<div class="owner-tit ellipsisSty h2Font">' + os + '</div>' +
					'</div>'+
					'</div></a>'+
					'<div class="goSpan">'+spanStr+'</div>'
				$str.find(".qa-owner").html(str);
	        	$("#requestA").parent().find(".js-load-more").removeClass("active");
			})
		}
		
		
				
		
	pageViews();		
	getConmain();

js/userInforShow.js

	function openAttend(){//打开收藏与关注
		$(".mainNavUl li.rightbtn").addClass("liNow").siblings().removeClass("liNow");
		$(".navconBox .moreBu").show();
		$(".wendaNav").hide();
		$("#item8user").show().siblings().hide();
		$(".moreBuUl li.attentType").eq(0).addClass("liNow").siblings().removeClass("liNow");
		$("#item8user>.coninfobox").eq(0).show().siblings().hide();
                    }
                    var str = '<div class="owner-head useHead" style="background-image:url(' + baImg + ')"></div>' +
                        '<div class="owner-info">' +
                        '<div class="owner-name"><span class="h1Font">' + dataStr.name + '</span><em class="authicon ' + userType.sty + '" title="' + userType.title + '"></em></div>' +
                        '<div class="owner-name"><span class="h1Font">' + dataStr.name + '</span><em class="authiconNew ' + userType.sty + '" title="' + userType.title + '"></em></div>' +
                        '<div class="owner-tit mui-ellipsis h2Font">' + os + '</div>' +
                        '</div>'
                    $str.find(".qa-owner").html(str)