Здравствуйте! Я в этом деле(в ajax) совсем новичек, поэтому прошу вашей помощи, решил прикрутить к сайту обновление контента без перезагрузки страницы, вот код файла search_inlist.php:
<div id="preloader" class="text-center">Идёт загрузка...<br><img src="http://site.com/images/loading.gif"></div>
<div id="results">
здесь прописан код обращения к базе и сюда же выводит результат ajax
</div>
function sctop() {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
};
$('#btn1').live('click', function(){
$("#results").ajaxStart(function(){
sctop();
NProgress.start();
//$('#results').fadeOut("slow");
$('#preloader').attr('id', 'preloaderno');
return false;
});
$("#results").ajaxComplete(function(){
//$('#results').fadeIn("slow");
$('#preloaderno').attr('id', 'preloader');
return false;
});
var params = $(this).attr('href').split('?');
$.ajax({
type: 'GET',
url: 'http://site.com/core/search_inlist.php',
data: params[1]+'&cattitle_nc=<?=$cattitle_nc?>&cityforcat=<?=$cityforcat?>',
success: function(data) {
$('#results').html(data);
}
});
return false;
});
NProgress.done();
Суть его такова, при клике по номеру страницы(пагинация), включается прокрутка вверх, передает данные по которым вытягивает записи из базы и отображает их, проблема в том что когда я дохожу допустим до 7 страницы начинаются глюки, идет scrollTop подгужаются данные, но колесиком мышки опустится обратно вниз не могу, что самое главное этот глюк наростает с каждой страницы, сначала немного нужно подождать и колесико на прокрутку вниз срабатывает, при клике на следующую страницу еще больше глючит, но подождав все таки срабатывает прокрутка вниз с помощью мишки, а вот уже на седьмой клик по странице все подвисает и ужасно тормозит, перечитал много, понять не могу почему, так как не хватает ума(, помогите плиз