Добрый день , форумчане
Появилась проблема, которую я не могу решить сам
На страницу категорий добавил скрипт прокрутки, работает как часы и грузит все отлично.
Проблема в том, что из-за этого скрипта перестали работать кнопки (Добавить в корзину и т.д )
Не могли бы подсказать в чем именно проблема ?
Ссылка на сайт тут
Скрипт
$(function() {
function scrollLoader() {
console.log('---', 123)
if ($(window).scrollTop() == $(document).height() - $(window).height()) {
console.log('---', 'ok')
setTimeout(function() {
$('#endless').trigger('click')
}, autoscroller.delay)
}
}
var autoscroller = []
//setting
autoscroller.hidePagination = 1
autoscroller.autoScroll = 0
autoscroller.catcher = '#endless'
autoscroller.delay = 1000
autoscroller.loading = 0
$(window).scroll(function() {
scrollLoader()
if (inWindow(autoscroller.catcher) && !autoscroller.loading && autoscroller.autoScroll) {
autoscroller.loading = true
$('#endless .fa-refresh').addClass('btn-load-new')
}
})
if ($('.category-catalog').length) {
if ($('.pagination').length && !$('.pagination > li:last-child').hasClass('active')) {
$('#content col-12 col-md-9 order-2').hide()
$('.pagination')
.parent()
.before(
'<div class="col-xs-12 text-center"><button class="btn btn-success btn-lg" id="endless" style="margin: 15px auto; padding: 10px 120px;" ><span class="btn-load-new">Еще товары</span></i></button></div>')
$('#endless').on('click', function(e) {
var lastProduct = $('.pagination')
.closest('.category-catalog')
.find('.front-top-products li:last-child')
var nextPage = $('ul.pagination li.active').next().find('a:first-child')
var nextPageHref = nextPage.attr('href').substring(7)
// console.log('---',nextPageHref);
// console.log('---', nextPage.attr('href'));
$.ajax({
url: 'https://' + nextPageHref,
beforeSend: function() {
$('#endless .fa-refresh').addClass('btn-load-new')
},
success: function(data) {
var products = $(data).find('.category-catalog .front-top-products')
lastProduct.after(products)
$('.pagination').html($(data).find('.pagination > *'))
nextPage = $('ul.pagination li.active').next().find('a:first-child')
if (nextPage.length == 0) {
$('#endless').remove()
}
else {
$('#endless .fa-refresh').removeClass('btn-load-new')
}
autoscroller.loading = 1
},
})
return false
})
}
}
function inWindow(el) {
if ($(el).length) {
var scrollTop = $(window).scrollTop()
var windowHeight = $(window).height()
var offset = $(el).offset()
if (scrollTop <= offset.top && ($(el).height() + offset.top) < (scrollTop + windowHeight)) {
return true
}
}
return false
}
})
Добрый день , а как обстоят дела с сортировкой товаров на странице ?
