-
ᥫᩣ2020-01-01 00:00
- 41
- 0
感觉代码没问题，但是显示不出，求解答
<!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>前途院校库-全球院校采访精彩回顾</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">美国</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>
<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 ">
热门视频
</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'>
好的教育，应该是父母通过孩子这把镜子，不断发现自我、修正自我、挖掘自我，并用新我来为孩子做示范和表率。我们是在教育孩子的过程中，遇见了更好的自己
</p>
<div class="bot">
<span class="jia">嘉</span>
<span class="name">刘亚春</span>
<span class="zhi">职</span>
<span class="position">新东方前途出国留学家庭预备营负责人</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);
//转化为js对象
var jsArr = JSON.parse(data);
//包装为js对象
var obj = {
items:jsArr
};
//调用模板引擎方法，填充数据
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('点击任意处关闭');
}
})
})
})
</script>
<div class="right fr advert">
<div class="zixun">
<span class="title">热门资讯</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">热门产品</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>0
打赏
收藏
点击回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部