Добрый день. Опять возвращаюсь к теме динамической загрузки, но уже с конкретной ошибкой. Небольшая проблема заключается в том, что подсмотрел на сайте одного из ведущих разработчиков на modx код, сделал по исходным примерам, переправил его под себя. В итоге получилось следующее:
<div id="results">
[[!pdoPage?
&element=`msProducts`
&parents=`17`
&includeThumbs=`200x230`
&limit=`16`
&includeTVs=`count_flow,heightTV,persent_discount,lenghtTV`
&tvPrefix=`tv.`
&showHidden=`1`
]]
</div>
<div class="clear"></div>
[[!+page.nav]]
<center>
<button class="load_more btn-more" data-page="1" style="margin-top: 50px;">Показать ещё
</button>
</center>
В скриптах пишу следующее:
<script type="text/javascript">
$(document).ready(function() {
$('.load_more').click(function(){
var data = $(this).data();
var pages_count = $('.paginator li').length;
console.log(pages_count);
if(pages_count == data.page){
$('.load_more').hide()
}
data.page+=1;
console.log(data);
// dont touch
$('#results').append('<div class=loaded'+data.page+'></div>');
$('.loaded'+data.page).load('тестовая-страница-ajax-подгрузки/?page='+data.page+' #results');
});
});
</script>
Ситуация получается следующая: изначально выводится 16 товаров, затем, когда нажимаем на кнопку подгрузки, загружаются еще те же самые шестнадцать товаров, и, соответственно, это может продолжаться сколь угодно долго. Еще один нюанс, что паггинация вроде подключена конструкцией [[!+page.nav]], но она не выводится. Что я делаю не так?