mui上拉和下拉加载更多数据【原创

来源:https://www.sucaihuo.com/php/2520.html 2017-07-24 12:39浏览(7121) 收藏

最接近原生APP的html5上拉刷新下拉加载更多数据方法分享

mui中的pullupRefresh会阻止onclick触发事件,mui下拉加载触发a标签链接,mui下拉加载函数pullupRefresh触发click绑定事件,mui+ajax下拉滚动加载分页数据
mui上拉和下拉加载更多数据
分类:PHP > Ajax 难易:中级
查看演示 下载资源 下载积分: 120 积分

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);
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/php/2520.html
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2