<!DOCTYPE html>
<html><head>
<title>测试下拉刷新，结合bar</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="stylesheet" href="../lib/weui.min.css">
<link rel="stylesheet" href="../css/jquery-weui.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body ontouchstart>
<div class="content-padded" id="list">
《世界著名计算机教材精选·人工智能:一种现代的方法(第3版)》是最权威、最经<br> 典的人工智能教材，已被全世界100多个国家的1200多所大学用作教材。
<br> 《世界著名计算机教材精选·人工智能:一种现代的方法(第3版)》的最新版全面而系统地介
<br> 绍了人工智能的理论和实践，阐述了人工智能领域的核心内容，并深入介绍了各个主要的研究方向。
<br> 全书分为七大部分：第Ⅰ部分“人工智能”，第Ⅱ部分“问题求解”，第Ⅲ部分“知识、推理与规划”，
<br> 第Ⅳ部分“不确定知识与推理”，第Ⅴ部分“学习”，第Ⅵ部分“通信、感知与行动”，第Ⅶ部分“结论”。
<br><br><br><br><br> 《世界著名计算机教材精选·人工智能:一种现代的方法(第3版)》既详细介绍了人工智能的基本概念、
<br> 思想和算法，还描述了其各个研究方向最前沿的进展，同时收集整理了详实的历史文献与事件。
<br> 第Ⅳ部分“不确定知识与推理”，第Ⅴ部分“学习”，第Ⅵ部分“通信、感知与行动”，第Ⅶ部分“结论”。
<br><br><br><br><br> 《世界著名计算机教材精选·人工智能:一种现代的方法(第3版)》既详细介绍了人工智能的基本概念、
<br> 思想和算法，还描述了其各个研究方向最前沿的进展，同时收集整理了详实的历史文献与事件。
<br> 第Ⅳ部分“不确定知识与推理”，第Ⅴ部分“学习”，第Ⅵ部分“通信、感知与行动”，第Ⅶ部分“结论”。
<br><br><br><br><br> 《世界著名计算机教材精选·人工智能:一种现代的方法(第3版)》既详细介绍了人工智能的基本概念、
<br> 思想和算法，还描述了其各个研究方向最前沿的进展，同时收集整理了详实的历史文献与事件。
<br>
</div>
<div class="weui-loadmore" id="loadMsg" hidden="hidden">
<i class="weui-loading"></i>
<span class="weui-loadmore__tips">正在加载</span>
</div>
<div class="container js_container">
<!--底部菜单-->
<div id="tab" class="weui-tabbar" style="height: 45px;position: fixed;">
<ul class="weui-navbar">
<li class="weui-navbar__item weui-bar__item_on">
<a class="mytabbar" href="#" style="color: #666;">首页</a></li>
<li class="weui-navbar__item"><a class="mytabbar" href="#" style="color: #666;">公告</a></li>
<li class="weui-navbar__item"><a class="mytabbar" href="#" style="color: #666;">我的信息</a></li>
</ul>
<div class="weui-tab__panel">
<div class="weui-tab__content page_feedback">
首页
</div>
<div class="weui-tab__content hide">
公告
</div>
<div class="weui-tab__content hide">
我的信息
</div>
</div>
</div>
</div>
<script src="../lib/jquery-2.1.4.js"></script>
<script src="../lib/fastclick.js"></script>
<script src="../js/jquery-weui.js"></script>
<script>
//tab切换
$(function() {
var aLi = $('.weui-navbar__item');
aLi.on('click', function() {
$(this).addClass('weui-bar__item_on').siblings('.weui-bar__item_on').removeClass('weui-bar__item_on');
var index = $(this).index();
$('.weui-tab__panel div').eq(index).show().siblings().hide();
});
});
</script>
<script type="application/javascript">
$(function() {
FastClick.attach(document.body);
});
$(document.body).infinite(200);
var loading = false; //状态标记
$(document.body).infinite().on("infinite", function() {
if(loading) return;
loading = true;
$("#loadMsg").show();
$.ajax({
type: "get",
async: false,
url: "http://192.168.1.125/letile.do?action=projectMod",
cache: false,
dataType: "jsonp",
jsonpCallback: "resultMe",
success: function(json) {
$("#list").append(json.msg);
$("#loadMsg").hide();
loading = false;
},
error: function(e) {
alert("失败");
},
});
});
</script>
</body>
</html>
扫一扫
3423
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
