最接近原生APP的html5上拉刷新下拉加载更多数据方法分享
mui中的pullupRefresh会阻止onclick触发事件,mui下拉加载触发a标签链接,mui下拉加载函数pullupRefresh触发click绑定事件,mui+ajax下拉滚动加载分页数据
mui上拉和下拉加载很简单,官网有DEMO,但是如何触发click事件,这个要多百度一下。
//mui触屏点击
$("#pullrefresh").on('tap', 'li', function(event) {
var url = $(this).attr("data-url");
location.href = url;
});
mui分页滚动加载
$pagenum = intval($_POST['pagenum']);
$count = intval($_POST['count']);
$start = ($count - 1) * $pagenum;
$end = $count * $pagenum;
$lists = array();
$j = 0;//从0开始
for ($i = $start; $i < $end; $i++) {
$lists[$j]['id'] = $i;
$lists[$j]['title'] = date("Y-m-d H:i:s") . "_" . rand(10000, 99999);
$lists[$j]['logo'] = "http://sucaihuo.oss-cn-hangzhou.aliyuncs.com/ads/" . ($i+1) . ".jpg";
$lists[$j]['url'] = "http://www.sucaihuo.com/templates/" . ($i+1) . ".html";
$j++;
}
echo json_encode($lists);
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791