ajax 手机端滑动分页

//滚动加载更多,tempHeight需要调整var tempHeight = 1000,timeoutId = 0,headerHeight = $(".header").height();$(window).on('scroll', function () {clearTimeout(timeoutId);timeoutId = setTimeout(function () {if (($(window).scrollTop() + window.innerHeight >= ($(document).height() - tempHeight)) && renderMoreFlag) {renderMoreFlag = false;renderMore();}}, 50)});

// 上滑加载商品function renderMore(){gameid = $("#js-gameid").val();     //列表IDsort = $("#js-sort").val();     //排序类型pageSize = parseInt($("#js-pagesize"); // 每页显示数量page = parseInt($("#js-page").val())+1; //当前页数$.ajax({type: "GET",url: "/zuhao/activity/ajaxgoods", //请求地址data: {gameid:gameid,pageSize:pageSize,page:page,sort:sort},dataType: "json",success: function(data){     //请求成功执行代码$("#js-page").val(page);if (data.number < pageSize) {   //数据剩余数量小于每页显示数量$(".js-load-show").removeClass("hide");}else{renderMoreFlag = true;}if (data.number>0) {   //数据剩余数量大于每页显示数量动态加载str = '';$.each(data.list,function(name,value) {str += '<li>';str += '<a href="/zuhao/index/detail?id='+value.gameid+'">';str += '<div class="list-img"><img src="'+value.gameimg+'"></div>';str += '<p>'+value.title+'</p>';str += '<div class="list-jg">';str += '<del>原价：'+value.price_hour+'</del>';str += '<span>现价：<em>'+value.active_price+'</em>元</span>';str += '</div>';str += '</a>';str += '</li>';});$(".topic-list ul").append(str); //动态加载插入HTML}}});}

html 隐藏域

<input id="#js-gameid" type="" name="{$gameid}"><input id="#js-pagesize" type="" name="{$pagesize}"><input id="#js-page" type="" name="{$pagenumber}"><input id="#js-sort" type="" name="{$sort}">

ajax 手机端滑动分页相关推荐

app内嵌h5页面在ios手机端滑动卡顿的解决方法
app内嵌h5页面在ios手机端滑动卡顿的解决方法参考文章: (1)app内嵌h5页面在ios手机端滑动卡顿的解决方法 (2)https://www.cnblogs.com/1rookie/p/11 ...
解决html5手机端滑动卡顿的现象
项目是混合开发,原生安卓和ios里面内嵌h5页面,在安卓里面滑动就不会卡顿,但是iso里面就卡卡卡,于是试便了全网,找到了这个解决办法,大家可以试试. 直接全局增加css样式就行 * {-webkit ...
手机端滑动banner代码
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" Content ...
js实现手机端滑动事件 touch event
①touchstart是点击触发 ②touchmove是监听触摸轨迹,会反复触发多次 ③touchend则是触摸结束时触发在做图片滚动时,需要计算滑动距离而非滑动轨迹因此只利用①+③即可 let ...
html5中canvas画布实现手机端和移动端的刮刮乐效果
用html5中的canvas实现刮刮乐的效果使用html+css实现背景的样式使用clearRect()方法实现挂去的作用手机端使用addEventListener()监听手机端滑动事件tou ...
手机HTML拼图验证,JS实现PC手机端和嵌入式滑动拼图验证码三种效果_气质_前端开发者...
PC和手机端网站滑动拼图验证码效果源码,同时包涵了弹出式Demo,使用ajax形式提交二次验证码所需的验证结果值,嵌入式Demo,使用表单形式提交二次验证所需的验证结果值,移动端手动实现弹出式Demo ...
php滑动拼图验证,JS实现PC手机端和嵌入式滑动拼图验证码三种效果
PC和手机端网站滑动拼图验证码效果源码,同时包涵了弹出式Demo,使用ajax形式提交二次验证码所需的验证结果值,嵌入式Demo,使用表单形式提交二次验证所需的验证结果值,移动端手动实现弹出式Demo ...
关于MultiActionController异步请求Ajax,pc端正常，手机端报error错误；此问题一般是通过setInterval，seTimeout，做Ajax轮询时会产生此问题；
此问题全网唯一! 关于MultiActionController异步请求Ajax,pc端正常,手机端报error问题:此问题一般是通过setInterval,seTimeout,做Ajax轮询时会产生 ...
手机端图片滑动切换效果
最近公司要求开发wap版本页面,碰到了个图片滑动切换效果,折腾了半天,自己封装了一个比较通用的小控件,在此分享一下. 大概功能:可以自定义是否自动切换,支持单手滑动图片进行切换,支持左右滑动切换.循环 ...

ajax 手机端滑动分页

ajax 手机端滑动分页相关推荐

最新文章

热门文章