发现问答

css/common.css

/*------------------------------------------------------------------------------------*/
/*点击加载更多*/
.js-load-more{/*display: none;*/position:relative;outline:0;border:1px solid #fff;background: #fff;height: 40px;border-radius: 5px;width:100%;margin:10px auto;cursor: pointer;}
.js-load-more:before{position:absolute;content:"点击加载更多";top:0;left:45%;font-size: 16px;line-height: 40px;}
.js-load-more:before{position:absolute;content:"点击加载更多";top:0;left:45%;font-size: 15px;line-height: 40px;}
.js-load-more.active{border-color:#ff9900;color:#ff9900;} 
.js-load-more.active:before{content:"加载中...";}
/*分页*/
header .headnavbtn{margin:14px 6px;}
header .headnavbtn a{color:#666;font-size:15px;}
header .headnavbtn li{float:left;margin:0 6px;}
header .headnavbtn li.mymessage{padding:0 20px;cursor: pointer;}
header .headnavbtn li.mymessage{padding-right:20px;cursor: pointer;}
header .headnavbtn li.mymessage>a{position:relative;}
header .headnavbtn li.mymessage>a>.badge{position:relative;right:8px;top:-10px;background:#FF0000;}
header .headnavbtn li.mymessage>a>.badge{position:absolute;right:-12px;top:-10px;background:#FF0000;}
header .headnavbtn .teyaologin{padding:4px 20px;border-radius:6px;margin-right:16px;}
header .navbtn{width: 18px;height:20px;cursor: pointer; padding:10px 18px;background-position:center;background-repeat:no-repeat;}
header .navnews{background-image: url(../images/nav_button_news_nor.png);background-size:contain;}

css/genindex.css

.table-drop>li{position:relative;color: #333;border-bottom:1px solid #ddd;}
.table-drop>li:last-child{border: none;}
/*列表*/
.table-body {position: relative;min-height: 200px;background: #fff;margin-top:20px;margin-bottom: -20px;padding-bottom: 20px;}
.table-body {position: relative;min-height: 200px;/*background: #fff;*/margin-top:20px;margin-bottom: -20px;padding-bottom: 20px;}
.table-body .table-item-list{display: none;}
.table-body .table-item-list:first-child{display: block;}
.table-body ul.listitemdiv{background: #fff;}
.columTag{position: absolute;background: rgba(0,0,0,.6);color:#fff;padding:4px 10px;bottom:6px;left: 6px;font-size: 13px;}
/*.table-item{position: relative;min-height:500px;}
.table-item>li{position:relative;padding:25px 20px;}
ul.listitemdiv.listmorediv .patenthead{background-image: url(../images/default-patent.jpg);}
ul.listitemdiv.listmorediv .companyhead{background:#fff;border:none}
ul.listitemdiv.listmorediv .companyhead .boxBlock{width: 164px;height: 110px;}
.qa-Head{background-image: url(../images/default-q&a.jpg);}
/*--------------新版文章--------------*/
/*文章发布*/
.conBlock .leftconBox{width:820px;padding:30px;position: relative;}
	        -webkit-align-items: center;
	                align-items: center;}
/*.form-item .flexCenter{min-height: 60px;}*/
.madiaInfo{width:100%;padding-left:0;}
.form-drop{position:relative;top:-1px;border:1px solid #E5E5E5;border-top:none;width: 100%;z-index: 0;}
.form-item input.frmcontype{position: relative;z-index: 2;}
.form-item .frmaddG{display:none;width: auto;position: absolute;right: 0;top: 0;background:#ff9900;color: #fff;border: none;padding: 6px 25px;z-index: 6;}
.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;}
.owner-name{float: left;font-size:16px;}
.owner-name{float: left;font-size:16px;color: #333;}
.owner-tit{font-size:14px;margin-left:10px;float: left;max-width:90%;color:#888888}
.qa-con{font-size:15px;line-height: 22px;color:#333;text-align: justify;}
.showspan{overflow: hidden;margin-top:10px;}
.list-hold-count>ul>li>span{position: relative;top:5px;display:inline-block;font-size:14px;line-height:24px;padding:0 10px;border:1px solid #e5e5e5}
.list-hold-count>ul>li.active>span{background: #ff9900;color:#fff;border-color: #ff9900}
.list-hold{}
.list-hold>ul>li{padding:10px 20px;background: #FFFFFF;}
.list-hold-list>ul>li{padding:10px 20px;background: #FFFFFF;margin-bottom: 10px;}
.split-line{position:relative;margin:15px 0;height:20px;color:#888;}
.split-line:after{content:"其他答案";background:#f4f6f8;position: absolute;padding:0 20px;top:0;left:50%;margin-left:-48px;}
.split-line:before{content:"";background:#E5E5E5;height: 1px;position: absolute;left:0;right:0;top:10px;}
.qa-question{width:100%;font-size: 16px;line-height: 28px;color: #333;}
.list-hold .qa-owner{min-height: 50px;margin:6px 0 10px;position: relative;}
.list-hold .qa-owner .goSpan{position: absolute;right: 0; top:50%;margin-top:-17px;}
.list-hold .qa-owner .goSpan>span{margin: 0px;width: 100px;}

inform.html

			}
			
			.coninfotit {
				padding:10px 20px;
				font-size: 18px;
				color: #666;
				padding-bottom: 10px;
				background-color: #fff;
			}
			
			}
		</style>
		<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
					<div class="leftconBox leftconBoxbg floatL">
						<div class="list-main scroll-view">
							<section class="list-hold">
								<div class="list-hold-list">
									<div class="coninfotit">全部通知</div>
									<ul class="myAllneeds partLine" id="curAnswers">
										
									</ul>
									<!--加载更多按钮-->
									<div class="js-load-more displayNone"></div>
								</div>
								<div class="coninfotit">全部通知</div>
								<ul class="myAllneeds partLine" id="curAnswers">
									
								</ul>
								<!--加载更多按钮-->
								<div class="js-load-more displayNone"></div>
							</section>
						</div>
					</div>
		<script type="text/javascript" src="js/quickLogin.js"></script>
		<script type="text/javascript" src="js/informLeaveW.js"></script>
		<script type="text/javascript" src="js/inform.js"></script>
		<script type="text/javascript">
			$(function() {
				addscript("ad_inform_right");
			})
		</script>
	</body>
</html>

js/discover.js

				"ex":exculdeId2s,
            },
            "beforeSend": function() {
                // $(".table-body").append('<img src="../images/loading.gif" class="loading" />');
                $("#table-item-0").parent().find(".js-load-more").attr("disabled",true);
                $("#table-item-0").parent().find(".js-load-more").addClass("active");
            },
                        fTime = dataStr[dataStr.length - 1].tm;
                        fId = dataStr[dataStr.length - 1].id;
                    }
                    // $("#table-item-"+idItem).html("");
                    var strNo='<div class="nodatabox"><div class="nodata"><div class="picbox picNull"></div>'
                    strNo+='<div class="txtbox"><p class="noContip">该栏目暂时没有任何动态</p></div></div></div>'
                    if(dataStr.length>0){
                        $("#table-item-0").parent().find(".js-load-more").unbind("click");
                        $("#table-item-0").parent().find(".js-load-more").hide();
                    }
                    $(".loading").remove();
                }
            },
            "error":function(){
				"rows":rows
			},
			"beforeSend": function() {
				// $(".table-body").append('<img src="../images/loading.gif" class="loading" />');
                $("#table-item-3").parent().find(".js-load-more").attr("disabled",true);
                $("#table-item-3").parent().find(".js-load-more").addClass("active");
			},
                        $("#table-item-3").parent().find(".js-load-more").unbind("click");
                        $("#table-item-3").parent().find(".js-load-more").hide();
                    }
                    $(".loading").remove();
				}
			},
			"error":function(){
            baImg = "/data/question"+ subs[0];
        }
        var hd = "";
        if (dataStr.replyCount > 0) {
            hd = '<span>' + dataStr.replyCount + '回答</span>'
        if (dataStr.num > 0) {
            hd = '<span>回答 ' + dataStr.num + '</span>'
        }
        var strAdd = '<a target="_blank" href="/qa-show.html?id='+dataStr.id+'" class="flexCenter urlgo">'+
        	'<div class="flexCenter OflexCenter mui-clearfix">' +
            '<div class="madiaHead qa-Head" style="background-image:url(' + baImg + ')"></div>' +
            '<div class="madiaInfo OmadiaInfo">' +
            '<p class="mui-ellipsis-2 h1Font">' + dataStr.title + '</p>' +
            '<p class="show-item mui-ellipsis h2Font"><span class="column columnOther">问答</span>' + hd + '<span class="attendCount"></span></p>' +
            '</div></div></a>'
        var strAdd = '<a target="_blank" href="/qa-show.html?id='+dataStr.id+'">'
        	strAdd += '<div class="lefthead qa-Head" style="background-image:url('+ baImg +')"><span class="columTag">问答</span></div>';
			strAdd += '<div class="centercon centercon2"><p class="h1font ellipsisSty-2">'+ dataStr.title +'</p>';
			strAdd += '<div class="h2font showInfo clearfix">'
			strAdd += '<span class="time">'+commenTime(dataStr.tm)+'</span><span class="qaPageview"></span>'+hd+'<span class="attendCount"></span>'
            strAdd += '</div></div></a>'
		var $str = $(strAdd);
		listLi.append($str);
		questioninfo(dataStr.id, $str);
		attendCount(dataStr.id, $str);
	}
	function otherQa(dataStr,listLi){
        var strAdd = '<li class="mui-table-view-cell">' +
            '<div class="madiaInfo" style="padding-left:0">' +
            '<p class="h1Font ellipsisSty qa-question"></p>' +
        var strAdd = '<a target="_blank" href="/qa-show.html?id='+dataStr.qid+'&topid='+dataStr.id+'">'+
            '<div class="madiaInfo">' +
            '<div class="ellipsisSty qa-question"></div>' +
            '<div class="flexCenter qa-owner">' +
            '</div>' +
            '<p class="qa-con ellipsisSty-3">' + dataStr.cnt +'</p>' +
            '<p class="qa-con ellipsisSty-3">' + (dataStr.cnt).replace(/\n/g,"<br />") +'</p>' +
            '<div class="showspan">' +
            '<span>5月8日 18:00</span>' +
            '<span>'+commenTime(dataStr.createTime)+'</span>' +
            '<span class="agree"></span>' +
            '<span class="leaveMsgCount"></span>' +
            '</div>' +
            '</div>' +
            '</li>';
            '</div></a>';
		var $str = $(strAdd);
		listLi.append($str);
        if(dataStr.agree > 0) {
            $str.find(".agree").html(dataStr.agree + "赞	");
            $str.find(".agree").html("赞	" + dataStr.agree);
        }
		questioninfo(dataStr.qid, $str);
        proinfo(dataStr.uid, $str);
			"success": function(data) {
				if(data.success) {
					if(data.data > 0) {
						$str.find(".leaveMsgCount").html(data.data + "留言");
						$str.find(".leaveMsgCount").html("留言 " + data.data);
					}
				}
			},
			"success": function(data) {
				if(data.success) {
					if(data.data > 0) {
						$str.find(".attendCount").html(data.data + "关注");
						$str.find(".attendCount").html("关注 " + data.data);
					}
				}
			},
			}
		});
	}
	
	//查文章留言数
	function commentnum(articleId, $itemlist) {
		$.ajax({
		            }
		            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-tit mui-ellipsis h2Font">' + os + '</div>' +
		                '<div class="owner-name">' + dataStr.name + '<em class="authicon ' + userType.sty + '" title="' + userType.title + '"></em></div>' +
		                '<div class="owner-tit ellipsisSty">' + os + '</div>' +
		                '</div>'
		            $str.find(".qa-owner").html(str)
				}
			"success": function(data) {
				if(data.success) {
					$str.find(".qa-question").html(data.data.title);
					if(data.data.pageViews>0){
						$str.find(".qaPageview").html("阅读量 "+data.data.pageViews);
					}else{
						$str.find(".qaPageview").hide()
					}
					
				}
			},
			"error": function() {

js/qa-show.js

	loginStatus();//判断个人是否登录
	var userid = $.cookie("userid"),
		username = $.cookie("userName")
	var questionId = GetQueryString("id");
	var questionId = GetQueryString("id"),
	    topAnswerId = GetQueryString("topid");
	var hurl = window.location.host,
		weibourl = window.location.href
		weibopic = "http://" + hurl + "/images/logo180.png",
			count: "",
			pid: ""
		}
		
	var dataT={
			id: "",
			score:""
		}
	var oAjax = function(url, dataS, otype, oFun,beforeFun,completeFun) {
			$.ajax({
				url:url,
	        	$("#curAnswers").parent().find(".js-load-more").removeClass("active");
			})
		},
		answerTop=function(answerId){
			oAjax('/ajax/question/answer', {
				"id": answerId
			}, "get", function(res) {
				var $da = res.data
				var liStr = document.createElement("li");
				document.getElementById("topAnshow").appendChild(liStr);
				answerModule($da, liStr);
			})
		},
		answerThisShow=function(){
			var typeurl = "/ajax/question/answer/qes/byScore",
				dataStr={
					"qid": questionId,
					"score": dataT.score,
					"id": dataT.id,
					"rows": rows
				}
			oAjax(typeurl,dataStr, "get", function(res){
				console.log(res)
				var $info = res.data;
				if($info.length > 0) {
					if($info.length>1){
						$(".otherAn").removeClass("displayNone")
					}
					dataT.score = $info[$info.length - 1].score;
					dataT.id = $info[$info.length - 1].id;
					for(var i = 0; i < $info.length; i++) {
						if($info[i].id==topAnswerId){
							
						}else{
							var liStr = document.createElement("li");
							document.getElementById("otherAnshow").appendChild(liStr);
							answerModule($info[i], liStr);
						}
					}
				}
                $("#otherAnshow").parent().find(".js-load-more").on("click",function(){
				 	answerThisShow()
				})
				if ($info.length < rows) {
                    $("#otherAnshow").parent().find(".js-load-more").unbind("click");
                    $("#otherAnshow").parent().find(".js-load-more").hide();
                }
				
			},function(){
				$("#otherAnshow").parent().find(".js-load-more").attr("disabled",true);
	       		$("#otherAnshow").parent().find(".js-load-more").addClass("active");
			},function(){
				$("#otherAnshow").parent().find(".js-load-more").removeAttr("disabled");
	        	$("#otherAnshow").parent().find(".js-load-more").removeClass("active");
			})
		},
		insertAfter = function (newStr, targetE) {
            var parent = document.getElementById(targetE).parentNode;
            var kong = document.createElement("div");
			}
			liStr.className="list-qa"
			liStr.setAttribute("data-id", dataStr.id);
			var operatStr='<div class="list_hander clearfix">'+
			var operatStr='<div class="list_hander clearfix" data-type="2">'+
					'<div class="holdSpan floatL">'+
	                	'<div class="zan"><em class="hold-icon icon-zan"></em><span class="agreeCount"></span></div>'+
						'<div class="cai"><em class="hold-icon icon-cai"></em></div>'+
					objN.html("");
					$.MsgBox.Alert("提示", tip);
					$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
					document.getElementById("curAnswers").innerHTML = "";
					$("#curAnswers").parent().find(".js-load-more").unbind("click");
					$("#curAnswers").parent().find(".js-load-more").show();
					dataO = {time: "",id: "",score:""}
					answerList()
					getConmain()
					window.location.reload();
				})
				
			})
				var objTex=$(this).parents(".list-qa").find(".qa-con").html().replace(/<br\s*\/?\s*>/ig, '\n');
				goAnswerFn(objStr,anid,objTex,1)
			})
			//举报
			$str.find(".tip-offs").on("click",".jubao",function(){
				
			//举报
			$str.find(".tip-offs").on("click",".jubao",function(){
				$("#correctBlock").fadeIn();
				$(".correctSubmit").attr("data-type","answer")
				$(".correctSubmit").attr("data-tyId",anid)
			})
			//微信分享
			$str.find('.shareWeixin').on("mouseenter",function(){
		}
		
		
		
	pageViews();		
	getConmain();
	waitingA();
	answerList();
	if(topAnswerId){
		$(".show-list-allAn").addClass("displayNone")
		$(".show-list-thisAn").removeClass("displayNone")
		answerTop(topAnswerId)
		answerThisShow();
	}else{
		$(".show-list-allAn").removeClass("displayNone")
		$(".show-list-thisAn").addClass("displayNone")
		answerList();
	}
	if(userid && userid != null && userid != "null") {
		anExist(); //判断是否回答过该问题
		ifcollectionAbout(questionId, $("#attention"), 8);
		$("#requestA").parent().find(".js-load-more").unbind("click");
		$("#requestA").parent().find(".js-load-more").show();
	});
		
	
	//纠错反馈
	$("#jubao").on("click",function(){
		$("#correctBlock").fadeIn();
		$(".correctSubmit").attr("data-type","question")
		$(".correctSubmit").attr("data-tyId",questionId)
	})
	$(".correctSubmit").on("click",function(){
		var cntCon=$(this).siblings(".correctCon").val();
		var cntUser="";
		var type=$(this).attr("data-type"),
			tyId=$(this).attr("data-tyId")
		if(type=="answer"){
			tyurl='/ajax/feedback/error/answer'
		}else if(type=="question"){
			tyurl='/ajax/feedback/error/question'
		}
		var cntUser=""
		var cntCon=$(".correctCon").val();
		if(userid && userid != null && userid != "null") {
			cntUser = userid;
		}
		if(cntCon.length>500){
			$.MsgBox.Alert('提示', '纠错反馈内容不得超过500个字');
			return;
		}else{
			$.ajax({
				"url": "/ajax/feedback/error/professor",
				"type": "POST",
				"dataType": "json",
				"async": true,
				"data": {
					"id": questionId,
					"cnt":cntCon,
					"user":cntUser
				},
				"success": function(data) {
					if(data.success) {
						backSuccessed();
					}
				},
				"error": function() {
					$.MsgBox.Alert('提示', '链接服务器超时')
				}
			});
		}
		oAjax(tyurl,{
			"id": tyId,
			"cnt":cntCon,
			"user":cntUser
		}, "post", backSuccessed)
	})
	
})

qa-show.html

								<!--<li><span class="imgspan" style="background-image: url(images/banner/banner0307.png);"></span></li>
								-->
							</ul>
							<div class="list_hander clearfix">
							<div class="list_hander clearfix" data-type="1">
								<div class="goSpan floatL">
				                	<span class="go-answer">我来回答</span>
									<span class="invite-answer">邀请回答</span>
				            		</ul>
				            	</div>
				            	<div class="operateBlock tip-offs floatR">
				            		<span>举报</span>
				            		<span id="jubao">举报</span>
				            	</div>
							</div>
						</div>
							<button class="js-load-more"></button>
						</div>
					</section>
					<section class="list-main-group">
					<section class="list-main-group show-list-allAn">
						<div class="listbg">
							<div class="list-hold-count">
								<span><em id="replyCount"></em>个回答</span>
							</div>
						</div>
					</section>
					<section class="list-main-group show-list-thisAn">
						<div class="list-hold">
							<div class="list-hold-list zhidingAn">
								<ul class="myAllneeds partLine" id="topAnshow"></ul>
							</div>
							<div class="otherAn displayNone">
								<div class="split-line"></div>
								<div class="list-hold-list">
									<ul class="myAllneeds partLine" id="otherAnshow"></ul>
									<!--加载更多按钮-->
		    						<button class="js-load-more"></button>
								</div>
							</div>
						</div>
					</section>
				</div>
			</div>
			<div class="rightconBox floatR">