Я использую бесконечную прокрутку jQuery. Он отлично работает на настольном компьютере, но когда я пробую его на своем мобильном устройстве, он не работает. Я не уверен, но думаю, что в коде есть что-то, что не позволяет ему работать на мобильных устройствах. Для 1-го Ajax-запроса данных (код перед $(window).scroll(function(){
) выбирается правильно. Однако код после $(window).scroll(function(){
не выполняется. В чем может быть проблема? Пожалуйста, помогите мне исправить это. Заранее спасибо!
Вот мой код:
var ajax_arry=[];
var ajax_index =0;
var sctp = 100;
$(document).ready(function () {
$('#loading').show();
$.ajax({
url:"processes/loadTimeline.php",
type:"POST",
data:"actionfunction=showData&page=1",
cache: false,
success: function(response){
$('#loading').hide();
$('#demoajax').html(response);
}
});
$(window).scroll(function(){
var height = $('#demoajax').height();
var scroll_top = $(this).scrollTop();
if(ajax_arry.length>0){
$('#loading').hide();
for(var i=0;i<ajax_arry.length;i++){
ajax_arry[i].abort();
}
}
var page = $('#demoajax').find('.nextpage').val();
var isload = $('#demoajax').find('.isload').val();
if (($(window).scrollTop() == $(document).height() - $(window).height()) && isload=='true'){
$('#loading').show();
setTimeout(function(){
var ajaxreq = $.ajax({
url:"processes/loadTimeline.php",
type:"POST",
data:"actionfunction=showData&page="+page,
cache: false,
success: function(response){
$('#demoajax').find('.nextpage').remove();
$('#demoajax').find('.isload').remove();
$('#loading').hide();
$('#demoajax').append(response);
}
});
}, 1000);
ajax_arry[ajax_index++]= ajaxreq;
}
return false;
});
});