Así que he estado perdiendo la cabeza con este problema durante más de un día, he escrito una simple llamada a la API en líquido para obtener el recuento de existencias de los artículos en el carrito, esto funciona bien...

Mi problema es tratar de usar dichos datos en el front-end, a continuación hay JS/JQUERY bastante básico, por alguna razón, el código funciona bien en la carga de la página, pero en cualquier otro momento el código se activa, por ejemplo, en la ventana emergente del carrito o agregar al carrito el get la solicitud simplemente devuelve indefinido, no hay errores de consola.

Datos de llamada de API

 {39634393366699 :1}

ELEMENTO HTML

 <p class="cart-stock-message" data-cart-qty="7" data-variant-id="39634393366699"></p>

JS

 $(".cart-stock-message").each(function(){ var varID = $(this).data("variant-id"); var cartQty = $(this).data("cart-qty"); var message = $.get("/pages/stockdata", function(data, status){ var cartItemMaxQuantities = data; for(var id in cartItemMaxQuantities){ if(id == varID){ var count = cartItemMaxQuantities[id]; if(cartQty > count){ return "Note: " + count + " available for immediate dispatch, the remainder will be placed on back order."; } } } }); $(this).text(message);

Cada vez que llamo a ese código JS, ya sea en una función o mediante un detector de eventos, falla.