Есть сайт -
тыц
Внизу есть кнопка которая аяксом подгружает товар со 2 страницы, код банально прост
var page = 1;
$(document).on('click', '.show-more', function(e){
e.preventDefault();
page = page+1;
$.ajax({
type: 'GET',
data:{'page':page},
beforeSend: function(){
$('.show-more').addClass('active');
},
success:function(data){
content = $(data).find('.item_ajax');
pagination = $(data).find('#pagination').html();
console.log(content);
console.log(pagination);
setTimeout(function()
{
if(content.length>0)
{
$('#content').append(content);
$('#pagination').html(pagination);
display($.totalStorage('display'));
}
else
{
$('.show-more').html('<i class="fa fa-ban" aria-hidden="true"></i>Больше нет!');
setTimeout(function()
{
$('.show-more').slideUp(350);
}, 1600);
}
$('.show-more').removeClass('active');
}, 700);
}
});
});
При клике на кнопку подгружаем следующую страницу.
На стандартном шаблоне работает все отлично, а тут почему то возвращает.
e.fn.init [prevObject: e.fn.init(1), context: undefined, selector: '.item_ajax']
и
undefined
Это я логирую
console.log(content);
console.log(pagination);
Само решение работает, но тут создается какой то конфликт, хотя #content , #pagination , .item_ajax прописаны верно и на своих местах.
