文章

app/html/professorArticle.html

		<link href="../css/iconfont.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<style>
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;background: #FFFFFF;}
			/*html,body{height: 100%;margin:0;padding:0px;overflow: hidden;background: #FFFFFF;}*/
			.mui-content{height:100%;overflow: auto;background: #FFFFFF;}
		</style>
	</head>
				<div class="mui-col-xs-8">
					<div class="inputShow"><span>说点什么吧…</span></div>
				</div>
				<div class="mui-col-xs-1">
				<div class="mui-col-xs-1" id="listenClick">
					<span class="mui-icon iconfontnew icon-liuyan"><em class="mui-badge"></em></span>
				</div>
				<div class="mui-col-xs-2">
										<p class="h3Font" id="oTime"></p>
									</div>
					            </div>
					            <span class="mui-icon attenSpan" id="attBtn">关注</span>
					            <span class="mui-icon attenSpan" id="attBtn" style="display:block;">关注</span>
					        </li>
					    </ul>
		    		</div>
					</div>
					<!--留言-->
					<div class="madiaBlock mui-scroll">
						<div class="madiaTit" id="title">留言</div>
						<div class="madiaTit" id="olisten">留言</div>
						<ul class="mui-table-view mui-table-view-chevron commentBlock noactiveTab">
					       
					   </ul>
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		    mui(".artfoot").on("tap",".inputShow",function(){
		    	document.getElementById("textInput").style.display="block";
		    	document.getElementById("operCol").style.display="none";
		    	document.getElementById("textInputThis").focus();
		    })
		    mui("body").on("tap",".mui-content",function(){
		    	document.getElementById("textInput").style.display="none";
		    	document.getElementById("operCol").style.display="block";
		    	this.style.display="none";
		    	shareBlock.style.display="none";
		    })
		    liuyanbut.addEventListener("click",function(){
		    	var heighttop = document.getElementById("offmsg").offsetTop;
		    	document.documentElement.scrollTop = document.body.scrollTop =heighttop; 
		    })
		   
		</script>
		<script type="text/javascript" src="../js/articleShow.js"></script>
	</body>

app/js/articleShow.js

			timeout: 10000, //超时时间设置为10秒；
			traditional: true,
			success: function(data) {
				console.log(JSON.stringify(data))
				if(data.success) {
					if(af == 1) {
						document.getElementsByClassName('commentBlock')[0].innerHTML = ""
						}
						var li = document.createElement("li");
						li.className = "mui-table-view-cell";
						li.setAttribute("data-id", data.data[i].professor.id)
						li.innerHTML = '<div class="flexCenter mui-clearfix">' +
							'<div class="madiaHead useHead" style="background-image:url(' + baImg + ')"></div>' +
							'<div class="madiaHead useHead" style="background-image:url(' + baImg + ')" data-id="'+data.data[i].professor.id+'"></div>' +
							'<div class="madiaInfo">' +
							'<p><span class="h1Font">' + data.data[i].professor.name + '</span><em class="authicon ' + userType.sty + '" title="科袖认证专家"></em></p>' +
							'<p><span class="h1Font" data-id="'+data.data[i].professor.id+'">' + data.data[i].professor.name + '</span><em class="authicon ' + userType.sty + '" title="科袖认证专家"></em></p>' +
							'</div>' +
							'</div>' +
							'<div class="madiaInfo">' +
						document.getElementsByClassName("commentBlock")[0].appendChild(li);
					}
				}else{
					mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
				}
			},
			error: function(xhr, type, errorThrown) {
	oArticleModule.oAjaxGet(baseUrl + "/ajax/article/ralateRes", {
		"articleId": oArticleModule.articleId
	}, "get", oArticleModule.correlationResource);
	mui('#expertList,.commentBlock').on('tap', 'li', function() {
	mui('#expertList').on('tap', 'li', function() {
		var id = this.getAttribute("data-id");
		plus.nativeUI.showWaiting(); //显示原生等待框
		plus.webview.create("../html/proinforbrow.html", 'proinforbrow.html', {}, {
			proid: id
		});
	})
	/*留言*/
	mui('.commentBlock').on('tap', '.useHead,.h1Font', function() {
		var id = this.getAttribute("data-id");
		plus.nativeUI.showWaiting(); //显示原生等待框
		plus.webview.create("../html/proinforbrow.html", 'proinforbrow.html', {}, {
	mui('#resourceList').on('tap', 'li', function() {
		var resouId = this.getAttribute("data-id");
		plus.nativeUI.showWaiting();
		plus.webview.create("../html/resinforbrow.html", 'resinforbrow.html', {}, {
		plus.webview.create("../html/resourceShow.html", 'resourceShow.html', {}, {
			resourceId: resouId
		});
	})
			}
		});
	})
		mui(".artfoot").on("tap",".inputShow",function(){
			if(!plus.storage.getItem('userid')) {
				oCurren.login();
				return;
			}
		    	document.getElementById("textInput").style.display="block";
		    	document.getElementById("operCol").style.display="none";
		    	document.getElementById("textInputThis").focus();
		    })
		
		
	/*微信及微信朋友圈分享专家*/
	var auths, shares;
	plus.oauth.getServices(function(services) {
			var share = buildShareService("sinaweibo");
			if(share) {
				shareMessage(share, "sinaweibo", {
					content: document.getElementById("articleContent").innerText.substring(0, 70),
					title: document.getElementById("articleName").innerHTML,
					href: baseUrl + "/ekexiu/shareArticalinfor.html?articleId=" + oArticleModule.articleId,
					thumbs: [baseUrl + "/data/article/" + stt + oArticleModule.articleId + "_s.jpg"]
					href: "http://www.ekexiu.com",
					content: "88",
					thumbs: ["http://www.ekexiu.com/images/logo180.png"]
				});
			}
		}
			plus.nativeUI.closeWaiting();
			shareAddIntegral(3);
		}, function(e) {
			console.log(JSON.stringify(e))
			plus.nativeUI.closeWaiting();
			if(e.code == -2) {
				plus.nativeUI.toast('已取消分享', {
			}
		});
	}
	/*定位*/
	document.querySelector(".icon-liuyan").onclick = function() {
		window.location.href = "#title";
	}
	document.getElementById("listenClick").addEventListener("tap",function(){
				mui.scrollTo(document.getElementById("olisten").offsetTop,1000);
				
			})
});