感覺(jué)代碼沒(méi)問(wèn)題，但是顯示不出，求解答
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="renderer" content="webkit">
<!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
<title>前途院校庫(kù)-全球院校采訪精彩回顧</title>
<!-- Bootstrap -->
<link href="lib/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" href="css/index.css">
<script src="js/jquery1.11.3.js"></script>
<script src="lib/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<script src="lib/layer/layer.js"></script>
<!--<script type="text/javascript" src="artTemp.php?"></script>-->
<!--<script src="lib/layer/mobile/layer.js"></script>-->
</head>
<body>
<header class="container-fluid ">
<img class="top_pc img-responsive center-block hidden-xs row" src="./img/top.jpg" alt="">
<img class="top_mobi img-responsive center-block visible-xs-block row" src="./img/top_mobi.jpg" alt="">
</header>
<div class="container">
<ul class="row country">
<li class="col-xs-4 col-md-3 active">美國(guó)</li>
<li class="col-xs-4 col-md-3">英國(guó)</li>
<li class="col-xs-4 col-md-3">加拿大</li>
<li class="col-xs-4 col-md-3">澳大利亞</li>
<li class="col-xs-4 col-md-3">新西蘭</li>
<li class="col-xs-4 col-md-3">歐洲</li>
<li class="col-xs-4 col-md-3">亞洲</li>
</ul>
</div>
<div class="line"></div>
<div class="container-fluid content ">
<div class="container neirong">
<div class="left fl">
<div class="titless ">
熱門(mén)視頻
</div>
<div class="medialist " id="medialist">
<!--<div class="yitiao clearfix">
<div class="reload pull-left">
<img src="img/reload1.jpg" alt="" />
</div>
<div class="info pull-left">
<div class='top'>
<span class="classify">家庭教育</span>
<span class="title">父母該如何做好家庭教育</span>
<span class="pubdate pull-right"></span>
<span class="glyphicon glyphicon-time pull-right"></span>
</div>
<p class='intro text-overflow'>
好的教育，應(yīng)該是父母通過(guò)孩子這把鏡子，不斷發(fā)現(xiàn)自我、修正自我、挖掘自我，并用新我來(lái)為孩子做示范和表率。我們是在教育孩子的過(guò)程中，遇見(jiàn)了更好的自己
</p>
<div class="bot">
<span class="jia">嘉</span>
<span class="name">劉亞春</span>
<span class="zhi">職</span>
<span class="position">新東方前途出國(guó)留學(xué)家庭預(yù)備營(yíng)負(fù)責(zé)人</span>
<span class="glyphicon glyphicon-eye-open"></span>
<span class="click-rite">888</span>
</div>
</div>
</div>
-->
</div>
</div>
<!--模板引擎-->
<script src="lib/template-web.js"></script>
<script id="template" type="text/html">
<%for (var i =1; i<items.length;i++){%>
<div class="yitiao clearfix">
<div class="reload pull-left">
<img src="<%=data[i].imgsrc%>" alt="" />
</div>
<div class="info pull-left">
<div class='top'>
<span class="classify"><%=data[i].classify%></span>
<span class="title"><%=data[i].title%></span>
<span class="pubdate pull-right"><%=data[i].pubdate%></span>
<span class="glyphicon glyphicon-time pull-right"></span>
</div>
<p class='intro text-overflow'>
<%=data[i].intro%>
</p>
<div class="bot">
<span class="jia">嘉</span>
<span class="name"><%=data[i].name%></span>
<span class="zhi">職</span>
<span class="position"><%=data[i].position%></span>
<span class="glyphicon glyphicon-eye-open"></span>
<span class="click-rite">888</span>
</div>
</div>
</div>
<%}%>
</script>
<!--模板引擎-->
<script>
$(function() {
$('.titless').on('click', function() {
$.ajax({
url: 'artTem.php',
type: 'get',
success: function(data) {
console.log(data);
//轉(zhuǎn)化為js對(duì)象
var jsArr = JSON.parse(data);
//包裝為js對(duì)象
var obj = {
items:jsArr
};
//調(diào)用模板引擎方法，填充數(shù)據(jù)
var result = template('template', obj);
$('.medialist').append(result);
//彈窗
this.layer.open({
type: 2,
title: false,
area: ['630px', '360px'],
shade: 0.8,
closeBtn: 0,
shadeClose: true,
content: data[urlpc()]
});
layer.msg('點(diǎn)擊任意處關(guān)閉');
}
})
})
})
</script>
<div class="right fr advert">
<div class="zixun">
<span class="title">熱門(mén)資訊</span>
<span class="title fr">
<a href="#">更多</a>
</span>
<div class="link">
<img src="./img/America.jpg" alt="">
<img src="./img/xinnan.jpg" alt="">
</div>
</div>
<div class="chanpin">
<span class="title">熱門(mén)產(chǎn)品</span>
<span class="title fr">
<a href="#">更多</a>
</span>
<div class="link">
<img src="./img/yingling.jpg" alt="">
<img src="./img/beijing.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
<script src="js/index.js"></script>
</body>
</html>
data[i]?不是item[i]嗎
北大青鳥(niǎo)APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景，秉承“教育改變生活”的發(fā)展理念，致力于培養(yǎng)中國(guó)IT技能型緊缺人才，是大數(shù)據(jù)專業(yè)的國(guó)家
達(dá)內(nèi)教育集團(tuán)成立于2002年，是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu)，是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市，融資1
北大課工場(chǎng)是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國(guó)家深化產(chǎn)教融合／校企合作的政策，積極推進(jìn)“中國(guó)制造2025”，實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰，中國(guó)職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開(kāi)發(fā)工程師，曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作，曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù)， 熟練的跨平臺(tái)面向?qū)ο箝_(kāi)發(fā)經(jīng)驗(yàn)，技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3；Javascript及主流js庫(kù)，具有快速界面開(kāi)發(fā)的能力，對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開(kāi)發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開(kāi)發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問(wèn)，美國(guó)Dachieve 系統(tǒng)架構(gòu)師，美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。
掃碼關(guān)注鍍金池微信號(hào)
手機(jī)訂課，優(yōu)惠多多
