Как мне раскрыть этот кусок jQuery? ⇐ Jquery

[Anonymous]

My Shopify Store использует Ajax Call для добавления продуктов в корзину и jQuery, чтобы обновить фронт. Я недавно установил Infinite-Ajax-Scroll, но это вызвало некоторые проблемы. «Ajaxifies» в магазине, использующем рендерированное событие Infinite-Ajax-Scroll . При добавлении одного из первых 20 продуктов в корзину они добавляются дважды. Каждый раз, когда новая страница загружается, AjaxifyShopify Get инициализировался для «ajaxify» на странице.
Вот мой код:

Код: Выделить всё

jQuery(function($) {
ajaxifyShopify.init({
method: '{{ settings.ajax_cart_method }}',
wrapperClass: 'wrapper',
formSelector: '#addToCartForm',
addToCartSelector: '#addToCart',
cartCountSelector: '#cartCount',
toggleCartButton: '.cart-toggle',
useCartTemplate: true,
btnClass: 'btn',
moneyFormat: {{ shop.money_format | json }},
disableAjaxCart: false,
enableQtySelectors: true
});
});

console.log('ajaxifyShopify initialized for the first time');

var ias = jQuery.ias({
container:  '#products',
item:       '.single-product',
pagination: '.pagination-custom',
next:       '.next'
});

ias.extension(new IASSpinnerExtension({
src: '{{ "spiffygif_36x36.gif" | asset_url }}'
}));

ias.on('rendered', function(data, items) {
console.log('ias rendered');

// Unbind ajaxifyShopify
$("html").off("ajaxifyShopify");
console.log('ajaxifyShopify off');

// Initialize ajaxifyShopify
jQuery(function($) {
ajaxifyShopify.init({
method: '{{ settings.ajax_cart_method }}',
wrapperClass: 'wrapper',
formSelector: '#addToCartForm',
addToCartSelector: '#addToCart',
cartCountSelector: '#cartCount',
toggleCartButton: '.cart-toggle',
useCartTemplate: true,
btnClass: 'btn',
moneyFormat: {{ shop.money_format | json }},
disableAjaxCart: false,
enableQtySelectors: true
});

console.log('ajaxifyShopify initialized from ias');
});
})

Что я делаю не так?

Подробнее здесь: https://stackoverflow.com/questions/264 ... -of-jquery