Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Не работает кнопка добавить в корзину из-за скрипта пагинации


Exzik

Recommended Posts

Добрый день , форумчане 

Появилась проблема, которую я не могу решить сам 

На страницу категорий добавил скрипт прокрутки, работает как часы  и грузит все отлично.

Проблема в том, что из-за этого скрипта перестали работать кнопки (Добавить в корзину и т.д )

Не могли бы подсказать в чем именно проблема ? 

Ссылка на сайт  тут

 

 

Скрипт 

 
$(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 
} 

}) 

 

Змінено користувачем Exzik
не достаточно точно все описал
Надіслати
Поділитися на інших сайтах


15 часов назад, AlexDW сказал:

ошибку в консоли браузера смотрите и исправляйте

К сожалению в консоли  не вижу ошибки связанной этим скриптом 

Не могли бы носом ткнуть ?

Надіслати
Поділитися на інших сайтах


  • 2 years later...

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.