Jquery手机滑动加载更多

最新推荐文章于 2020-12-20 00:26:26 发布

weixin_33968104

最新推荐文章于 2020-12-20 00:26:26 发布

阅读量229

点赞数

文章标签： javascript 前端 python ViewUI

原文链接：https://my.oschina.net/u/914487/blog/893594

版权

2019独角兽企业重金招聘Python工程师标准>>>

$(function(){
	$(window).scroll( function() {
         var bottom = $(document).scrollTop()+$(window).height();
         var boy = $(document).height();
		 
         if(bottom>=boy){
			//$("#pull-up").html('正在加载...');
			layer.open({type: 2,time: 1});
			setTimeout(function(){
				_load();
          },800);
         }
    });
	
	function _load(){
        //页面隐藏一个记录页码的文本框
		var star = $("#start").val();
        $.post("{:url('Lottery/ajax_lottery')}", {data:star}, function (data) {
			var obj = JSON.parse(data);
			if(obj.status == 1)
			{
				//如果有值追加到页面
				$("#list_more").append(obj.html);
				$("#start").val(obj.total);
			}else
			{
				layer.open({content: '没有更多了!',skin: 'msg',time: 2 });
			    return false;
			}
		})
    }
});

注:本提示消息使用Layer控件

注意使用前需要引用Jq库

转载于:https://my.oschina.net/u/914487/blog/893594