|
|
为什么我的header在安卓模拟器中不显示呢？查了很多资料都没有个所以然。我的代码是：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" type="text/css" href="css/icons.css" />
<link rel="stylesheet" type="text/css" href="css/af.ui.css" title="default" />
<script type="text/javascript" charset="utf-8" src="js/appframework.min.js"></script>
<script type="text/javascript" charset="utf-8" src="ui/appframework.ui.min.js"></script>
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<title>西乡塘区农业信息平台</title>
</head>
<body>
<div id="afui">
<div id="content">
<div id="home" title="西乡塘区农业信息平台" class="panel" selected="true" data-tab="footer_home" data-nav="main_nav" data-footer="custom_footer">
<header>
<h1>西乡塘区农业信息平台</h1>
</header>
<ul class="list" id="thelist"></ul>
<script type="text/javascript">
$.ajax({
type:"GET",
url:"http://10.0.2.2:8001/api/indexController.php",
dataType:"jsonp",
jsonp:"callback",
jsonpCallback:"success_jsonpCallback",
success:function(res){
for(var i=0;i<res.length;i++){
$("#thelist").append("<li>"+res[i].post_title+"</li>");
}
},
error:function(){
$("#thelist").html("请求出错");
$("#thelist").error();
}
});
</script>
</div>
<div id="about" title="关于我们" class="panel" data-tab="footer_about" data-nav="side_about" data-footer="custom_footer">
<header>
<h1>关于我们</h1>
</header>
关于我们
</div>
<footer id="custom_footer">
<a id="footer_home" href="#home" class="icon home" data-transition="fade">首页</a>
<a id="footer_about" href="#about" class="icon info" data-transition="fade">关于我们</a>
</footer>
</div>
</div>
</body>
</html>
|
-
1.PNG
(58.28 KB, 下载次数: 282)
-
2.PNG
(64.28 KB, 下载次数: 303)
|
/1 
发表于 2015-8-18 10:07:04
收藏
转播
淘帖