修改文章感兴趣的文章显示不出来

css/share.css

.showDetail .h1Font{font-size:20px;margin:8px 0;line-height:30px;color:#333;}
.showDetail .showFont{font-size:16px;margin-top:-4px; line-height:24px;color:#333;}
.showDetail .h2Font{font-size:14px;color:#666; line-height:16px;}
.showDetail .madiaInfo .h2Font{font-size:14px;color:#999;}
.showDetail .h3Font{font-size:13px;color:#999; line-height:24px;}
.showDetail .showMain{font-size:15px;color:#333;line-height:28px;}
.showDetail .showMain img{max-width: 100%;}
.madiaBlock .flexCenter.OflexCenter{min-height:72px;}
.madiaBlock .madiaInfo .h1Font{font-size: 16px;margin:0;line-height:24px;}
.madiaBlock .madiaInfo .ellipsisSty-2{max-height: 44px;}
.madiaBlock .madiaInfo .time{font-size:14px;color:#999;}
/*点赞模块*/
.thumbBlock{text-align: center;margin:30px 0;}
.thumbBlock .thumbBtn{display:inline-block;position:relative;padding:10px 24px;padding-left:44px;font-size:16px;color:#fff;background:url(../images/g_article_icon_dianzan_nor.png) no-repeat 24px center;background-size:16px 16px;background-color:#ff9900;border-radius:30px;cursor: pointer;}
.infocon ul{ padding:0; margin: 0; overflow: hidden;}
.infocon ul>li{list-style: none;}
ul.mui-table-view>li{position: relative;overflow: hidden; padding: 11px 0px;}
ul.mui-table-view>li:after{position: absolute;right: 0;bottom: 0;left:0px;height: 1px;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5); background-color: #c8c7cc;}
ul.mui-table-view>li:after{position: absolute;right: 0;bottom: 0;left:0px;height: 1px;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5); background-color: #E5E5E5;}
ul.mui-table-view>li:last-child:after{background: none;}
.infocon.listArea>ul{overflow: hidden;margin-right: -10px;margin-top:-10px;}
.infocon.listArea>ul>li{float: left;margin-right: 10px;margin-top:10px;border:1px solid #E5E5E5;border-radius:6px;padding:2px 12px;}

e/a.html

				document.getElementById("resourceList").appendChild(li);
			},
			correlationArticle: function($data) {
	
				if($data.length == 0) {
					return;
				}
				document.getElementById('article').classList.remove("displayNone");
				for(var i = 0; i < 5; i++) {
				for(var i = 0; i < $data.length; i++) {
					var ourl, of ;
					if($data[i].articleType == 1) {
						ourl = "/ajax/professor/editBaseInfo/" + $data[i].professorId; of = 1;
									li.setAttribute("data-type", 2);
								}
								li.setAttribute("data-id", $data[i].articleId);
								li.className = "mui-table-view-cell";
								li.innerHTML = '<div class="flexCenter OflexCenter clearfix">' +
									'<div class="madiaHead artHead" style="background-image:url(' + arImg + ')"></div>' +
									'<div class="madiaInfo OmadiaInfo">' +
									'<p class="ellipsisSty-2 h1Font">' + title + '</p>' +
									'<p><span class="h2Font" style="margin-right:10px;">' + namepo + '</span><span class="time">'+commenTime($html[n].publishTime)+'</span></p>'+
									'<p><span class="h2Font" style="margin-right:10px">'+namepo+'</span><span class="time">'+commenTime($data[i].publishTime)+'</span></p>'+
									'</div>' +
									'</div>'
								
								document.getElementById("articleList").appendChild(li);
							}
						},

js/cmpInforShow.js

				if (data.success && data.data!=""){
					$("#relateCmp").parents(".conBlock").removeClass("displayNone");
					var itemlist = '<li class="flexCenter"><a traget="_blank" href="" class="urlgo">';
						itemlist += '<div class="madiaHead cmpHead" style="width:50px;height:36px;margin-top:-18px;"><div class="boxBlock" style="width: 48px;height: 34px;">';
						itemlist += '<div class="madiaHead cmpHead" style="width:50px;height:36px;margin-top:-18px;"><div class="boxBlock" style="width: 50px;height: 36px;">';
						itemlist += '<img class="boxBlockimg" id="userimg" src="" /></div></div>';
						itemlist += '<div class="madiaInfo">';
						itemlist += '<p class="clearfix"><span class="h1Font ellipsisSty floatL" style="display:block;max-width:136px" id="userName"></span><em class="authiconNew floatL" title=""></em></p>';