Показать сообщение отдельно
  #1 (permalink)  
Старый 31.03.2021, 08:57
Интересующийся
Отправить личное сообщение для MaJIon Посмотреть профиль Найти все сообщения от MaJIon
 
Регистрация: 12.02.2021
Сообщений: 10

Срабатывание ajax при скроллинге
Здравствуйте, помогите доделать ajax запрос, надо чтобы он автоматически срабатывал на мобильных устройствах при скролле, а на компьютерах только при клике на кнопку. Скрипт ниже


$(document).ready(function() {
	var in_Progress = false;
	var start_From  = {{ start_from }};
	
	$('#freeload-show').click(function() {
	    
		var dataStrfree = {
	    	start: start_From
	        };
			
	    if(!in_Progress) {
		    in_Progress = true;
			
			$.ajax({
				type: 'POST',
			 	url: 'index.php?route=blog/category/show_more',
				dataType: 'json',
				data: dataStrfree,
				cache: false,
				beforeSend: function(){
        	   		$('.freeloadgif').prepend('<div><img src="image/free-load.gif" /></div>').show();
					$('#freeload-show').prop('disabled', true);
       		 	},
				success: function(json){
				
				   	if(json.success) {
					    setTimeout(function(){
						            $('.freeloadgif img').remove();
						            $("#loading-content").append(json.response);
									$('#freeload-show').prop('disabled', false);
								   }, 700);
						
						in_Progress = false;
						start_From += {{ start_from_load }};
				    } else {
					    $("#loading-content").append('<div class="row loading-clear"></div><p class="row text-center">{{ error_views }}</p>');
						setTimeout(function(){ 
						    $('.freeloadgif img').remove();
							$('.btn-freeload').hide();
						}, 500);
						
						in_Progress = true;
					}
		    	}
	   		});
		}
	});
});
Ответить с цитированием