php - 加载更多未显示在移动视图上
问题描述
我正在使用 ajax 函数来加载更多数据,它在桌面上工作得非常好,但是当我在我的移动网络浏览器上点击那个特定页面时,它就不起作用了。这是我的ajax代码。
$(document).ready(function(){
$(window).scroll(function(){
var lastID = $('.load-more').attr('lastID');
var isFirstRun=false;
if(($(window).scrollTop() == $(window).height() - $(document).height()) && (lastID != 0)){
$.ajax({
type:'POST',
url:'getdata2.php' ,
data:'id='+lastID,
beforeSend:function(){
$('.load-more').show();
},
success:function(html){
$('.load-more').remove();
$('#postList').append(html);
}
});
}
});
});
解决方案
我认为对于移动设备,此窗口滚动事件未被识别。您只需将警报放入滚动功能中即可进行调试。如果甚至无法识别警报,则意味着滚动事件不适用于移动设备。
因此,在您的代码中也放入此代码:
$(document.body).on('touchmove', function(){
var lastID = $('.load-more').attr('lastID');
var isFirstRun=false;
if(($(window).scrollTop() == $(window).height() - $(document).height()) && (lastID != 0)){
$.ajax({
type:'POST',
url:'getdata2.php' ,
data:'id='+lastID,
beforeSend:function(){
$('.load-more').show();
},
success:function(html){
$('.load-more').remove();
$('#postList').append(html);
}
});
}
}); // for mobile
推荐阅读
- javascript - 如何处理错误:异常消息
- javascript - 如何获取选定的索引
- 里面
- 使用Javascript?
- 里面
- aws-api-gateway - AWS CLI:如何获取 API 网关 ID
- python - How can i pass image itself not path of it to zxing library for decode pdf417
- netsuite - 如何在 NetSuite SuiteScript 中将多个销售订单计入单个发票
- python - 熊猫可以从数组中搜索跳跃点吗
- javascript - 我在更改 div 中的文本颜色时遇到问题
- java - Mapbox LocationEngineResult.getLastLocation 总是返回 null
- reactjs - Webpack-dev-server 找不到模块'webpack-cli/bin/config-yargs'
- amazon-web-services - 无服务器框架模板中的跨区域 Secrets Manager 访问