HTML循环页面
can 视图容器参数 dir 传值(自定义)
<div class="fhsj">
<ul class="lbt" id="thelist" can="2" dir="<?= $_GET['dir'] ?>" >
<?php foreach($data as $row){?>
<a class="weui-cell weui-cell_access" href="#">
<div class="weui-cell__bd"><p><?= $row['title'] ?></p></div>
<div class="weui-cell__ft"></div>
</a>
<?php }?>
</ul>
</div>
js页面
<script src="js/jquery-weui.js"></script>
<!-- 循环条数 -->
<?php if(count($data)==15){?>
<script src="js/dropload.min.js"></script>
<script>
$(function(){
var counter = 0;
var num = 0;
var pageStart = 0,pageEnd = 0;
var isMore=true;
// dropload
if(isMore){
$('.fhsj').dropload({
scrollArea : window,
loadDownFn : function(me){
if(isMore){
setTimeout(function () {
var can = $('#thelist').attr('can');
var dir = $('#thelist').attr('dir');
$url = "PHP处理页面&dir="+dir+"&page="+can;
$.get($url,function(data){
$(".lbt").append(data);
console.log(data);
me.resetload();
if(data == "<div id='wsj' class='content'>没有更多了!!</div>"){
isMore=false;
$("#wsj").hide();
me.lock();
me.noData();
me.resetload();
}
$(".isdelbtn").unbind();
});
$('#thelist').attr('can',parseInt(can)+1);
}, 1000);
};
}
});
}
});
</script>
<?php }?>
PHP处理页面
if($_GET['do'] == 'pagelist'){
//手机滑动翻页
$page = max(1, getGP('page','G','int'));
$pagesize = 15;
$offset = ($page - 1) * $pagesize;
$sql = "SELECT * FROM `news` ORDER BY id desc limit $offset,$pagesize";
$data = $db->fetch_all($sql);
if(count($data)==0){
echo "<div id='wsj' class='content'>没有更多了!!</div>";
exit();
}
include 'pagelist.html';
}
HTML加载页面
与循环页面一致
<?php foreach($data as $row){?>
<a class="weui-cell weui-cell_access" href="#">
<div class="weui-cell__bd">
<p><?= $row['title'] ?></p>
</div>
<div class="weui-cell__ft"></div>
</a>
<?php }?>