页面向下滚动ajax获取数据,兼容手机
$(window).scroll(function () {
var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(this).height(); if (scrollTop + windowHeight >= scrollHeight) { loadPromotions(); } }); var page = 1; var morAvaliable = true;//标识还有数据可以加载 function loadPromotions() { if (morAvaliable) { var href = location.href.split('?')[0]; var pageSize = 5; page++; $.post(href,{ pageNo: page,pageSize: pageSize },function (data) { if (data.length) { var html = ''; $.each(data,function (i,list) { html += '<div class="task-time">' + list.CreateTime + '</div>'; html += '<a class="task-box" href="' + list.Url + '">'; html += '<h5>' + list.Title + '</h5>'; }); $('#promotionList').append(html); } else { morAvaliable = false; $('#loading').html('没有更多分享信息了'); } } ); } } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
- activerecord – Rails 4.1枚举:enum.status =
- flex 3.0中关于两个.mxml文件之间链接的简单方法
- c# – 改进INSERT INTO – FROM SELECT,SQL Quer
- swift的静态属性(方法)和java的不同
- ACE Reactor的Echo Server
- c# – ASP.NET WebForms自定义UserControl – ba
- c# – wpf验证 – 如何在输入时发生此代码以触发
- C#利用时间和随即字符串创建唯一的订单编号
- Swift显示alert和promp confirmation
- Flex中对ArrayCollection进行排序